React Native Swiper

Поділитися
Вставка
  • Опубліковано 14 жов 2024
  • In this React Native tutorial, you'll learn how to integrate third party package react native swiper to react native app on Android.
    Here I have shown you how to use react native swiper in react native.
    In this video tutorial we'll learn following :
    learn how to install npm package
    learn how to import react-native-swiper
    learn how to change size of dot and active dot of page indicator
    learn how to change color of dot and active dot of page indicator
    This code works in plain React Native project as well since we are using only npm package.
    Want to support me?
    Paypal: paypal.me/prat...
    Buy Me a Coffee - www.buymeacoff...
    You can find me on:
    Github: github.com/pra...
    Twitter: / karad_pratik

КОМЕНТАРІ • 19

  • @percyygaming
    @percyygaming  4 роки тому +5

    Hey guys,
    I have come up with react native tutorial.
    Please suggest more topics, concepts and library that you want to learn.

    • @saq.ib01
      @saq.ib01 3 роки тому

      Navigation, HTTP API request, Google Maps

  • @MatiasOrcajo
    @MatiasOrcajo 3 роки тому +2

    I spent 3 entire days in search of something like this, thank you

  • @waqasaliabbasi
    @waqasaliabbasi 2 роки тому +1

    thank you so much best tutorial you solved my tension

  • @himanshumishra5362
    @himanshumishra5362 3 роки тому +1

    Thank you so much bro for teaching it so easily... ❤️😊

  • @Leo-op5qo
    @Leo-op5qo Рік тому

    Nice video, brother.
    I have a query. How can we hide the dots from the last slide only?
    Also, if we want to have only one button (right side button), how can we implement that?
    Please reply.
    Thanks

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

    Thanks for the video

  • @vkvaraliya7504
    @vkvaraliya7504 3 роки тому +1

    best tutorial thanks working here

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

    How about making those dot have smooth transitioning

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

    How can we impliment api data array in swiper and show us data on swipe change

  • @unbekannt8926
    @unbekannt8926 3 роки тому +1

    Thank you so much for that quick and easy tutorial
    But I get this error right here:
    TypeError: Cannot assign to read only property 'exports' of object '#' , any solutions?

    • @percyygaming
      @percyygaming  2 роки тому

      Maybe you’re assigning variable to already initialised const variable

  • @nimbigo
    @nimbigo 2 роки тому

    How to make it dynamic? Means the data instead of images is coming from the backend and want to display it?

    • @percyygaming
      @percyygaming  2 роки тому

      Just download images in componentDidMount/useEffect and pass those images to component

  • @AjayChoudhary-sv7uv
    @AjayChoudhary-sv7uv 2 роки тому +1

    how to stop swiper in last screen. dont again swipe last screen to first screen

    • @percyygaming
      @percyygaming  2 роки тому +1

      Just set loop prop to false in Swiper. It should do what you intend. Cheers!

  • @alamgirkhan001
    @alamgirkhan001 3 роки тому +1

    will this run on IOS emulator?

  • @MikeNugget
    @MikeNugget 2 роки тому

    Package doesn't work anymore out of the box