Arc Slider with Expo, React-Native Skia, ReAnimated and Gesture Handler

Поделиться
HTML-код
  • Опубликовано: 1 окт 2024

Комментарии • 17

  • @DanRNLab
    @DanRNLab  5 месяцев назад

    NOTE: You no longer need the useSharedValueEffect. You can just use the values directly. Check out this diff for more details: github.com/friyiajr/SkiaAnimationShowcase/commit/4af3b05432c4e3b99c77390c9075951072296541

  • @doodl3r
    @doodl3r 2 года назад +1

    please continue doing these videos, really good!

  • @SurinderSingh-jt3fs
    @SurinderSingh-jt3fs 2 года назад +2

    Very nice 🙌 but very hard for me to understand the calculations 😜

    • @DanRNLab
      @DanRNLab  2 года назад

      For sure, it was also tricky for me at first. The William Candillon video I linked in the description helped me a lot with this.

    • @SurinderSingh-jt3fs
      @SurinderSingh-jt3fs 2 года назад +1

      @@DanRNLab he is Rockstar 🔥

  • @hieu2701
    @hieu2701 Год назад

    hello, thank you for the tutorial but i'm got issue in this code:
    const skiaBackgroundPath = Skia.Path.MakeFromSVGString(rawPath)
    const skiaForegroundPath = Skia.Path.MakeFromSVGString(rawForegroundPath)
    when i try to console.log skiaBackgroundPath and skiaForegroundPath , it return error: There was a problem sending log messages to your development environment [PrettyFormatPluginError: undefined is not a function]
    can u help me to fix this? thank u :3

  • @gausshaikh6321
    @gausshaikh6321 Год назад

    Hi, can you make full circle, start with top

  • @danielmoralesgonzalez4908
    @danielmoralesgonzalez4908 Год назад

    Hey thanks for the great video,
    How can I display the current value of the Slider?

    • @DanRNLab
      @DanRNLab  Год назад

      I think you can use ReText from react-native-redash

  • @massivenaraa4985
    @massivenaraa4985 2 года назад

    Hello you are good. How video chunks in react native?

  • @ItsMrxSean
    @ItsMrxSean 2 года назад

    Super helpful videos, keep it up!!

  • @raulsegui
    @raulsegui Год назад

    Amazing video, super helpful! Just one question: On newer version of react-gesture-handler and react-native-reanimated you will be thrown an error for calling polar2canvas inside the onUpdate() worklet. How would you solve this issue since there is no way to define that external function as a worklet?
    Thanks in advance!

    • @DanRNLab
      @DanRNLab  Год назад

      That’s strange, I haven’t seen that before. Did you make sure to set up the Babel ReAnimated plugin? That has caused issues with me before regarding worklets.

    • @mohamedsoliman5082
      @mohamedsoliman5082 Год назад

      you need to import polar2canvas from react-native-redash not from react-native-skia

  • @umair170
    @umair170 Год назад

    This is awesome. Thank you. Great content and delivery 👏

    • @DanRNLab
      @DanRNLab  Год назад

      Happy you enjoyed 🙂