React Native Onboarding Screen With Reanimated 3

Поділитися
Вставка
  • Опубліковано 9 лис 2024

КОМЕНТАРІ • 19

  • @WorkPlace-cl4vn
    @WorkPlace-cl4vn Рік тому

    Thanks for video Bro))) But I have a question, I increase data number from 3 to 5 it's stopped working after 3 touches on button ,can u say why?(this problem just on android, on ios it's ok)

    • @rakhawibowo
      @rakhawibowo  Рік тому +1

      Hey thanks for watching this video, for the problem you are facing, you can add the following code in FlatList
      viewabilityConfig={{
      minimumViewTime: 300,
      viewAreaCoveragePercentThreshold: 10,
      }}
      I have also pushed a commit to my github, you can see it there too, here is the viewabilityConfig documentation reactnative.dev/docs/flatlist#viewabilityconfig

  • @rog0079
    @rog0079 Рік тому +1

    great tutorial! loved it. Please don't stop creating these kind of videos especially with reanimated 2, really helps a lot!!

    • @rakhawibowo
      @rakhawibowo  Рік тому

      Hey thanks for watching this video!!, of course I will make another video using reanimated 2, I'm glad this video can help you

  • @bellooluwatomisin2598
    @bellooluwatomisin2598 Рік тому

    14:09 If anyone gets stuck at Animated.Flatlist not displaying horizontally.
    Try const AnimatedFlatList = Animated.createAnimatedComponent(FlatList);
    `${i}`}
    horizontal
    bounces={false}
    scrollEventThrottle={16}
    pagingEnabled={true}
    style={{display:'flex'}}
    showsHorizontalScrollIndicator={false}
    /> This should fix it. Also thank you Rakha for an amazing video

  • @PavloCPP
    @PavloCPP Рік тому

    Hi! Thanks for your amazing tutorial! It was priceless!

  • @piresashwin
    @piresashwin 9 місяців тому

    Thanks for the video. Very helpful

    • @rakhawibowo
      @rakhawibowo  9 місяців тому

      Thank you!!! Glad it was helpful!

  • @rafeeqshaik7355
    @rafeeqshaik7355 Рік тому

    Content

    • @rakhawibowo
      @rakhawibowo  Рік тому

      Thank you for watching this video, I really appreciate it and hope it can help you!!

  • @_hamming9998
    @_hamming9998 Рік тому

    keren bang🙌

  • @RonanThomas
    @RonanThomas 7 місяців тому

    Hey! Do you mind telling me what command you used to set up the project?

    • @rakhawibowo
      @rakhawibowo  7 місяців тому +1

      Hey, in this video, I'm using React Native CLI, so to setup a project, I use the "npx react-native@latest init AwesomeProject" command

    • @rakhawibowo
      @rakhawibowo  7 місяців тому +1

      Hey, in this video, I'm using React Native CLI, so to setup a project, I use the "npx react-native@latest init AwesomeProject" command

  • @meliksahatalay9835
    @meliksahatalay9835 Рік тому

    When I try to change the texts in the data, it gives an error. The error code is as follows: Changing onViewableItemsChanged on the fly is not supported
    How can I solve this problem?

    • @rakhawibowo
      @rakhawibowo  Рік тому

      Hey, you just have to reload Metro and the error will disappear

    • @meliksahatalay9835
      @meliksahatalay9835 Рік тому

      Do I do this every time I make a change? @@rakhawibowo

  • @milon27
    @milon27 Рік тому +2

    please talk