Barber App Tutorial PART -1: Splash & Onboarding Screens with Swiper and FlatList

Поділитися
Вставка
  • Опубліковано 20 вер 2024
  • Welcome to my React Native tutorial! In this video, I'll guide you through the process of creating a sleek and modern splash screen and onboarding flow for a barber app. We'll use React Native Swiper and FlatList to build these screens step-by-step.
    What You'll Learn:
    How to create a splash screen in React Native.
    Building interactive onboarding screens with React Native Swiper.
    Using FlatList to display onboarding content.
    Styling tips to make your app look polished and professional.
    Useful Links:
    React Native Swiper Documentation : www.npmjs.com/...
    FlatList Documentation : reactnative.de...
    Don't forget to like, comment, and subscribe for more React Native tutorials! Hit the bell icon to get notified when I upload new videos

КОМЕНТАРІ • 18

  • @rashidryan1309
    @rashidryan1309 Місяць тому

    Part 1 successfully completed , Hoorayy 🥳🎉

  • @rashidryan1309
    @rashidryan1309 Місяць тому +1

    Keep uploading such vidios it will grow ur channel !! Love it

  • @rashidryan1309
    @rashidryan1309 Місяць тому +1

    How many vidios remaining bcz I'm starting to work in this

  • @lmora00
    @lmora00 Місяць тому +1

    The tutorial is based in typescript?

  • @narayanan1750
    @narayanan1750 2 місяці тому +2

    What laptop configuration do you use like ram and processor

    • @Mobile-Magic-Hub-Hai
      @Mobile-Magic-Hub-Hai  2 місяці тому

      I used a MacBook pro with M2 chip

    • @narayanan1750
      @narayanan1750 2 місяці тому

      @@Mobile-Magic-Hub-Hai ram bro

    • @narayanan1750
      @narayanan1750 2 місяці тому

      @@pankajrana7295 is that inaf to build an production level apps for ios and android

  • @rashidryan1309
    @rashidryan1309 Місяць тому

    can u share the extension which u used in vs code? like u use rnfs and auto import . i need this bcz i had a issue in /(onBoarding)OnBording this is showing instead of "(onBoarding)/OnBording"

    • @Mobile-Magic-Hub-Hai
      @Mobile-Magic-Hub-Hai  Місяць тому

      Extension: ES7 React/Redux/React-Native/JS snippets

    • @Mobile-Magic-Hub-Hai
      @Mobile-Magic-Hub-Hai  Місяць тому +1

      Use (onBoarding)/OnBoarding not used like : /(OnBoarding)/OnBoarding

    • @rashidryan1309
      @rashidryan1309 Місяць тому

      @@Mobile-Magic-Hub-Hai Thank you so much , now working ❤‍🩹

  • @rashidryan1309
    @rashidryan1309 Місяць тому

    where is source code and links for ui design?

  • @arupde6320
    @arupde6320 Місяць тому +1

    github ???