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

Поделиться
HTML-код
  • Опубликовано: 22 окт 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

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

  • @rashidryan1309
    @rashidryan1309 2 месяца назад

    Part 1 successfully completed , Hoorayy 🥳🎉

  • @rashidryan1309
    @rashidryan1309 3 месяца назад +1

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

  • @narayanan1750
    @narayanan1750 3 месяца назад +2

    What laptop configuration do you use like ram and processor

    • @Mobile-Magic-Hub-Hai
      @Mobile-Magic-Hub-Hai  3 месяца назад

      I used a MacBook pro with M2 chip

    • @narayanan1750
      @narayanan1750 3 месяца назад

      @@Mobile-Magic-Hub-Hai ram bro

    • @narayanan1750
      @narayanan1750 3 месяца назад

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

  • @lmora00
    @lmora00 2 месяца назад +1

    The tutorial is based in typescript?

  • @rashidryan1309
    @rashidryan1309 3 месяца назад +1

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

  • @rashidryan1309
    @rashidryan1309 2 месяца назад

    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  2 месяца назад

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

    • @Mobile-Magic-Hub-Hai
      @Mobile-Magic-Hub-Hai  2 месяца назад +1

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

    • @rashidryan1309
      @rashidryan1309 2 месяца назад

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

  • @rashidryan1309
    @rashidryan1309 3 месяца назад

    where is source code and links for ui design?

  • @arupde6320
    @arupde6320 2 месяца назад +1

    github ???

  • @rababportfolio3022
    @rababportfolio3022 7 дней назад

    Sorry, I lost my interest when I see you using item:any