How to build an Animated Donut Chart with React-Native Skia

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

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

  • @RamonLoboo
    @RamonLoboo 2 года назад +2

    It's amazing how simple and quick it is to achieve something like this with Skia. Congrats on the quality content!

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

    Thanks, it was a really cool video! I really like this format, it's amazing how quick you can do such charts with Skia!

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

      Thanks! Glad you enjoyed it. I have bar charts and React Native Skia video coming out next week you can look forward to as well :)

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

      Sounds awesome!

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

    Thanks for the great content! Appreciate your videos. Keep up the good work!

  • @mobilemon5032
    @mobilemon5032 Год назад +1

    how would i make a gradient fill instead of the solid orange color?

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

    Better if percentage can be animated as well. Thanks for your video

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

    Can you use a useEffect to update the animationState value? Or is there a more performant way to update the value from props?

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

    Hi Dan, can make a video tutorial based on your bluetooth BLE module tutorial for sending message and receiving messages back from bluetooth module? Thanks

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

      I am hoping to do something on BLE that is more up to date then the article I published previously.

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

      @@DanRNLab Thanks a lot. Looking forward to learn more from you. ❤

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

    I would appreciate big font size

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

      I'll see if I can find a way to make things a little bigger and still fit them into the video. If I can get everything to fit I'll increase the font 👍

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

    cool!!

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

    Really informative video Dan; glad I found it. Liked & subscribed; I will be watching for later videos eagerly. If I could ask though Dan .. why did you choose React Native for mobile dev? There is a plethora of other mobile dev choices what with Flutter, Quasar, NativeScript, Ionic, blah, blah, blah ... you get the point! A bit confusing for me, and I think of the French proverb "the man that chases 3 geese, catches none", and I think my lack of focus is why I have not progressed in mobile dev. Any specific reason for your choice in React Native please? Thanks in advance Dan.

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

      Hey Ryan, the choice of which to pick can certainly be daunting 😅 I totally get that. I'll give you my opinion on why I prefer React-Native. Keep in mind though that every project has its own requirements. You should always assess the tool you are going to use based on those requirements. There are waaaayyy too many people online making blanket statements about React Native kills Flutter or Native Kills cross platform. I suggest not getting caught up in that too much and just dealing in what's right for your project.
      The first reason I prefer React-Native is because of it's ecosystem. Companies like Shopify, Expo, and Software mansion have invested a ton of resources into making it a first class experiance. Another reason is because I love working with JavaScript. There is so much you can just Google and Learn. This isn't as easy in Native or Flutter where there are less developers. The last reason I love React-Native is because of the community. There are libraries to do pretty much everything you want or need to do. I always have a ton of confidence I can get what I need when I search for it
      I hope this helps!!!

  • @rafeeqshaik7355
    @rafeeqshaik7355 2 года назад +2

    First