Onboarding tutorial for React Native - Fluid Indicator #2

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

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

  • @DesignIntoCode
    @DesignIntoCode  3 года назад +1

    Hey! If you wanna see the ENTIRE app RIGHT NOW, go here! www.patreon.com/posts/animated-app-46720413

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

    Cool, The explanation is easy to understand.
    I like animation in React Native, that's why I like to find references and luckily there are good people like you who want to share

  • @ximoromero5
    @ximoromero5 10 месяцев назад

    Hi DesignIntoCode, thank you very much for this tutorial, I found it very helpful, these videos are the best, clear and concise, here you have a new subscriber 😉

  • @augustineonyekachiadmiora9015
    @augustineonyekachiadmiora9015 3 года назад +1

    you won me again... clean code very very good and easy to understand

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

    Thanks alot for this. Really helped a lot. One thing, If u have any explained video of Animated Please consider sharing.

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

    Woohoo, this tutorial is fantastic, thank you!!!

  • @BaseTechTopVideos
    @BaseTechTopVideos 3 года назад

    Short Explanation but to the point. Like It

  • @xmatav2
    @xmatav2 4 месяца назад

    Respect man thank you so much!

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

    Excellent content! Would love to see Toasts and different types of animations on mounting and unmounting 🔥

  • @albnayem8652
    @albnayem8652 3 года назад

    Thanks! That's super cool!

  • @ddikodroid
    @ddikodroid 3 года назад +1

    Keep it up bro!😀

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

    tooooo much thank you man it is awesome

  • @khalidsaifullahKS
    @khalidsaifullahKS 3 года назад

    Wooohoooo, it's really awesome tutorial

  • @theatreresponse4206
    @theatreresponse4206 3 года назад

    Nice work 🎉

  • @saulramirez727
    @saulramirez727 3 года назад

    Awesome man

  • @nanascho3
    @nanascho3 3 года назад +6

    Anyone else having issues with the animations not working at all? 2:48 my dots aren't doing anything. Only the first dot stays wide.

    • @gezafiqrullah5321
      @gezafiqrullah5321 3 года назад

      i got an error too

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

      @@gezafiqrullah5321 Make sure that view has an Animated prefix. Animated.View. Took me a minute to find it.

    • @TheThinker-ug3wr
      @TheThinker-ug3wr 2 года назад

      Same issue, did you solve that ?

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

    Thank you so much!

  • @jilanikhokhar1118
    @jilanikhokhar1118 3 года назад

    Nice content man......I think it will help me in my app😄

  • @zibimbazoa3224
    @zibimbazoa3224 3 года назад +3

    Hello, thanks for the course. I can't see my paginator, the component is there , but not displaid

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

      Same issue, did you solve that ?

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

      import Paginator from "./Paginator"; INSTEAD import Paginator from "./paginator"; ..thank you

  • @sagarghosh3434
    @sagarghosh3434 3 года назад

    its awsome

  • @beeptv6293
    @beeptv6293 3 года назад

    Nice

  • @Lemo-f2y
    @Lemo-f2y 2 года назад

    what about pages of Flatlist? How can I add the dots each page without index?

  • @TheThinker-ug3wr
    @TheThinker-ug3wr 2 года назад

    My dots are doing nothing after coying all the code

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

    scrollX is acting funny for me. It is an object first and foremost, but when I stringify it, it turns out it's a very odd decimal number. I tried to stringify then parseInt for the dotWidth, but because the values were a bit odd, the widths don't work out correctly.
    What could be causing the weird scrollX values?

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

    got an error: ERROR TypeError: undefined is not a function that appears at line "const dotWidth = scrollX.interpolate({" apparently right after the word interpolate in the paginator.js file :/ .... any ideas?

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

      print scrollX and see if it's undefined or not

  • @fernandomontesnavarrete8826
    @fernandomontesnavarrete8826 3 года назад

    How can be made vertically?

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

    inputRange must be monotonically non-decreasing
    what is this

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

      did you find a solution ? I have the same problem

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

      Use parenteses '( i - 1 )'. If you do not use, 'width' will be multiplied by the value before the subtraction takes place.

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

      const width = useWindowDimensions().width - put .width after usewindowDimensions()

  • @chervindavasol4704
    @chervindavasol4704 3 года назад

    keep it up, hit like and sub

  • @nbaua3454
    @nbaua3454 3 года назад +1

    The title could have been 'Animated Onboarding App series - Part 2 (Prepare Indicators)', but anyways, its nice work done.