SG Codes
SG Codes
  • 178
  • 464 180
Infinite Scroll in React Native using FlatList | React Native Tutorial
Infinite Scroll in React Native using FlatList | React Native Tutorial
In this video, we will learn how to implement the infinite scroll feature in React Native using Flatlist.
Source Code: github.com/officialsgcodes/react-native-infinite-scrolll
For any help or doubts, you can contact me on Instagram or Telegram: sgcodes.co.in/
===============================
Latest Videos
===============================
React Native LinkedIn Clone:
th-cam.com/video/dP7pXywFs7I/w-d-xo.html
React Native Calendar:
th-cam.com/video/NHjqwWHqt8s/w-d-xo.html
React Native Login-Signup UI:
th-cam.com/video/YxDlWHyk9z4/w-d-xo.html
React Native Image Carousel:
th-cam.com/video/5jCV9AKo5H0/w-d-xo.html
React Loaders:
th-cam.com/video/Mrv8f85TiXE/w-d-xo.html
Custom React Native Dropdown:
th-cam.com/video/s2SUZLhuRjg/w-d-xo.html
Uber Interview Process:
th-cam.com/video/gst0swdEzQQ/w-d-xo.html
React Native Weather App:
th-cam.com/video/zs9ke8jmGxA/w-d-xo.html
React Native Movie App:
th-cam.com/video/oinMQle4Rx0/w-d-xo.html
React Native Telegram UI Clone:
th-cam.com/video/F91EZuhLMBc/w-d-xo.html
===============================
Popular Playlists:
===============================
React Native Projects:
sgcodes.co.in/react-native-projects
React Native Tutorial:
sgcodes.co.in/react-native-tutorial
React Navigation:
th-cam.com/play/PL0xYQ08Z9gFo0uzy5rd0plfOJfgmpJg0v.html
React Native Custom Components:
sgcodes.co.in/react-native-custom-components
React Placement Ready:
sgcodes.co.in/react-placement-ready
React Native Crash Course in Hindi:
th-cam.com/play/PL0xYQ08Z9gFo2CGoiUWkqZ2PbaKCvdx8I.html
React Custom Components:
th-cam.com/play/PL0xYQ08Z9gFr06jwnEuajby6d5kafTAf8.html
===============================
Popular Videos:
===============================
Get Ready for frontend Developer Interviews:
th-cam.com/video/Zgo_Ks5xjiw/w-d-xo.html
React Native Calculator:
th-cam.com/video/6Q2LVOZbDaw/w-d-xo.html
React Native Video Player:
th-cam.com/video/2hgLnBZZVIc/w-d-xo.html
React Native Linear Gradient:
th-cam.com/video/xtrXnVbAOgM/w-d-xo.html
===============================
React Placement Ready:
===============================
Part-I Basic React:
th-cam.com/video/vsCcn-3MCn4/w-d-xo.html
Part-II Virtual DOM & DOM:
th-cam.com/video/eiuP0SGNwoo/w-d-xo.html
Part-III JSX:
th-cam.com/video/3S7hQX_9YfE/w-d-xo.html
Part-IV Lifecycle methods:
th-cam.com/video/7C4R8Oexsfg/w-d-xo.html
Part-V(a) React hooks:
th-cam.com/video/rbDiuwsqiM8/w-d-xo.html
Part-V(b) React Hooks:
th-cam.com/video/uUda1nI8Jp0/w-d-xo.html
Part-VI React Components:
th-cam.com/video/OtNlko4nAGI/w-d-xo.html
Part-VII State & Props in React:
th-cam.com/video/E89r9L8Vudk/w-d-xo.html
Part-VIII React Context API:
th-cam.com/video/kjjU4T4CWWA/w-d-xo.html
Part-IX Redux:
th-cam.com/video/sOr0rBbPy38/w-d-xo.html
Part-X React Router:
th-cam.com/video/vPyjiM1-asM/w-d-xo.html
Part-XI Miscellaneous:
th-cam.com/video/SJ0kZRitwHM/w-d-xo.html
===============================
React Native Crash Course in Hindi:
===============================
The Basics of React Native:
th-cam.com/video/yfie6rcZwqg/w-d-xo.html
User Profile in React Native:
th-cam.com/video/PThy4pTuSRc/w-d-xo.html
Form Validation in React Native Part-I:
th-cam.com/video/5SgTvKpPM0s/w-d-xo.html
Form Validation in React Native Part-II:
th-cam.com/video/z-z5kkDLfas/w-d-xo.html
TODO App in React Native:
th-cam.com/video/XN1m79qjqUc/w-d-xo.html
COVID Vaccination Slot finding App:
th-cam.com/video/l9CAiUV8gFQ/w-d-xo.html
===============================
How to Crack Placements & Interviews:
===============================
Get your Dream Job via Cold Calling:
th-cam.com/video/0tc6YaF6SvQ/w-d-xo.html
Get into FAANG via Referral:
th-cam.com/video/4ptY1mweQRo/w-d-xo.html
Uber Interview Process:
th-cam.com/video/gst0swdEzQQ/w-d-xo.html
✨ Tags ✨
react native,react native tutorial,react native infinite scroll,react native infinite scroll flatlist,react native infinite scroll npm,react native infinite scroll pagination,react native infinite scroll list,react native infinite scroll scrollview,infinite scroll react native,infinite scroll react native flatlist,infinite scroll react native scrollview,infinite scroll react,infinite scroll react component,infinite scroll react with api,infinite scroll react redux
มุมมอง: 1 762

วีดีโอ

How to add Custom Fonts in React Native | Fonts in React Native Android
มุมมอง 4.5K10 หลายเดือนก่อน
How to add Custom Fonts in React Native | Fonts in React Native Android In this video, we'll demystify the process of adding custom fonts to your React Native app, empowering you to take full control over your app's typography and design. For any help or doubts, you can contact me on Instagram or Telegram: sgcodes.co.in/ Latest Videos React Native LinkedIn Clone: th-cam.com/video/dP7pXywFs7I/w-...
Create and add app icon in React Native | Change app icon in React Native
มุมมอง 53510 หลายเดือนก่อน
Create and add app icon in React Native | Change app icon in React Native Welcome to our latest React Native tutorial! In this comprehensive video guide, we'll walk you through the essential steps to enhance your mobile app's professionalism and user experience by adding a custom app icon. For any help or doubts, you can contact me on Instagram or Telegram: sgcodes.co.in/ Latest Videos React Na...
Mastering React Native Switch Button: Ultimate Guide, Examples & Tips!
มุมมอง 1K11 หลายเดือนก่อน
Welcome to our comprehensive guide on React Native Switch Buttons! In this in-depth tutorial, we dive deep into the world of switch buttons in React Native, exploring their functionalities, implementation, and customization. Whether you're a beginner looking to grasp the basics or an experienced developer aiming to enhance your app's user interface, this video has something for everyone. Throug...
Master React Native Authentication: Email and Password Sign-In Made Easy!
มุมมอง 825ปีที่แล้ว
Master React Native Authentication: Email and Password Sign-In Made Easy! In this tutorial, we'll dive deep into the world of React Native authentication and show you how to implement a robust email and password sign-in system for your mobile app. With step-by-step instructions and detailed explanations, you'll learn how to securely handle user authentication in your React Native app. We'll cov...
Build a Beautiful Login and Signup Screen in React Native: A Step-by-Step Tutorial Part-II
มุมมอง 2.4Kปีที่แล้ว
Build a Beautiful Login and Signup Screen in React Native: A Step-by-Step Tutorial In this tutorial, we'll guide you through the process of building a beautiful login and signup screen in React Native. This step-by-step guide is perfect for beginners and experienced developers alike. We'll start by setting up the basic structure of our login and signup screens using React Native's built-in comp...
Build a Beautiful Login and Signup Screen in React Native: A Step-by-Step Tutorial Part-I
มุมมอง 2.8Kปีที่แล้ว
Build a Beautiful Login and Signup Screen in React Native: A Step-by-Step Tutorial In this tutorial, we'll guide you through the process of building a beautiful login and signup screen in React Native. This step-by-step guide is perfect for beginners and experienced developers alike. We'll start by setting up the basic structure of our login and signup screens using React Native's built-in comp...
Random Color Palette Generator in React Native | React Native Project for Beginners
มุมมอง 247ปีที่แล้ว
Random Color Palette Generator in React Native | React Native Project for Beginners In this video, we'll be building a random color palette generator in React Native. If you're looking for a fun and interactive way to generate color schemes for your projects, then this tutorial is for you. We'll be using React Native's built-in color libraries and state management to create a dynamic user inter...
Setting environment variables in React Native using Dotenv | React Native Tutorial
มุมมอง 6Kปีที่แล้ว
Setting environment variables in React Native using Dotenv | React Native Tutorial Source Code: github.com/officialsgcodes/react-native-env For any help or doubts, you can contact me on Instagram or Telegram: sgcodes.co.in/ Latest Videos React Native LinkedIn Clone: th-cam.com/video/dP7pXywFs7I/w-d-xo.html React Native Calendar: th-cam.com/video/NHjqwWHqt8s/w-d-xo.html React Native Login-Signup...
React Native LinkedIn Clone Part-XII || Code Optimizations
มุมมอง 639ปีที่แล้ว
React Native LinkedIn Clone Part-XII || Code Optimisations In this video, we will clone the Linkedin app using React Native. We would make a complete clone of LinkedIn with all its screens, including the user's profile page. We would be optimizing the code of our LinkedIn application. Source Code: github.com/officialsgcodes/react-native-ui-linkedin-clone For any help or doubts, you can contact ...
React Native LinkedIn Clone Part-XI || Creating the User's Profile Page
มุมมอง 393ปีที่แล้ว
React Native LinkedIn Clone Part-XI || Creating the User's Profile Page In this video, we will clone the Linkedin app using React Native. We would make a complete clone of LinkedIn with all its screens, including the user's profile page. We would be creating the Users Profile Page of our application. Source Code: github.com/officialsgcodes/react-native-ui-linkedin-clone For any help or doubts, ...
React Native LinkedIn Clone Part-X || Creating the User's Profile Page Part-X
มุมมอง 389ปีที่แล้ว
React Native LinkedIn Clone Part-X || Creating the User's Profile Page Part-X In this video, we will clone the Linkedin app using React Native. We would make a complete clone of LinkedIn with all its screens, including the user's profile page. We would be creating the Users Profile Page of our application. Source Code: github.com/officialsgcodes/react-native-ui-linkedin-clone For any help or do...
React Native LinkedIn Clone Part-IX || Creating the Jobs Page
มุมมอง 299ปีที่แล้ว
React Native LinkedIn Clone Part-IX || Creating the Jobs Page In this video, we will clone the Linkedin app using React Native. We would make a complete clone of LinkedIn with all its screens, including the user's profile page. We would be creating the Jobs Page of our application. Source Code: github.com/officialsgcodes/react-native-ui-linkedin-clone For any help or doubts, you can contact me ...
React Native LinkedIn Clone Part-VIII || Creating the Jobs Page
มุมมอง 216ปีที่แล้ว
React Native LinkedIn Clone Part-VIII || Creating the Jobs Page In this video, we will clone the Linkedin app using React Native. We would make a complete clone of LinkedIn with all its screens, including the user's profile page. We would be creating the Jobs Page of our application. Source Code: github.com/officialsgcodes/react-native-ui-linkedin-clone For any help or doubts, you can contact m...
React Native LinkedIn Clone Part-VII || Creating the Notifications Page
มุมมอง 291ปีที่แล้ว
React Native LinkedIn Clone Part-VII || Creating the Notifications Page In this video, we will clone the Linkedin app using React Native. We would make a complete clone of LinkedIn with all its screens, including the user's profile page. We would be creating the Notifications Page of our application. Source Code: github.com/officialsgcodes/react-native-ui-linkedin-clone For any help or doubts, ...
React Native LinkedIn Clone Part-VI || Creating the Post Page
มุมมอง 289ปีที่แล้ว
React Native LinkedIn Clone Part-VI || Creating the Post Page
React Native LinkedIn Clone Part-V || Creating the Network Page
มุมมอง 347ปีที่แล้ว
React Native LinkedIn Clone Part-V || Creating the Network Page
React Native LinkedIn Clone Part-IV || Creating the Home Page
มุมมอง 581ปีที่แล้ว
React Native LinkedIn Clone Part-IV || Creating the Home Page
React Native LinkedIn Clone Part-III || Header Setup || Customise Header using React Navigation
มุมมอง 676ปีที่แล้ว
React Native LinkedIn Clone Part-III || Header Setup || Customise Header using React Navigation
React Native LinkedIn Clone Part-II || Bottom Bar Setup || React Navigation
มุมมอง 1.2Kปีที่แล้ว
React Native LinkedIn Clone Part-II || Bottom Bar Setup || React Navigation
React Native LinkedIn Clone Part-I || Project Setup || React Navigation || React Native Vector Icons
มุมมอง 3Kปีที่แล้ว
React Native LinkedIn Clone Part-I || Project Setup || React Navigation || React Native Vector Icons
React Native WebView || WebView Tutorial in React Native
มุมมอง 1.9Kปีที่แล้ว
React Native WebView || WebView Tutorial in React Native
React Native Document Picker || Upload Images, Pdf in React Native Application
มุมมอง 22Kปีที่แล้ว
React Native Document Picker || Upload Images, Pdf in React Native Application
PDF Viewer in React Native || Custom PDF Viewer in React Native || React Native Tutorial
มุมมอง 12Kปีที่แล้ว
PDF Viewer in React Native || Custom PDF Viewer in React Native || React Native Tutorial
React Native Social Share || React Native Tutorial
มุมมอง 9Kปีที่แล้ว
React Native Social Share || React Native Tutorial
Star Rating in React Native || Create Custom ratings in React Native App
มุมมอง 3.6Kปีที่แล้ว
Star Rating in React Native || Create Custom ratings in React Native App
Convert HTML To Pdf in React Native || Generate Pdf in React native from HTML
มุมมอง 5Kปีที่แล้ว
Convert HTML To Pdf in React Native || Generate Pdf in React native from HTML
React Native Async Storage || Local Storage in React Native || Async Storage Tutorial
มุมมอง 7Kปีที่แล้ว
React Native Async Storage || Local Storage in React Native || Async Storage Tutorial
React Dropdown Menu with react-select | Completely Customizable
มุมมอง 29Kปีที่แล้ว
React Dropdown Menu with react-select | Completely Customizable
Create a Custom Modal in ReactJs | React Components
มุมมอง 177ปีที่แล้ว
Create a Custom Modal in ReactJs | React Components

ความคิดเห็น

  • @thisravigangwar
    @thisravigangwar 3 วันที่ผ่านมา

    Bhaiya how to make android apk espe ek video bna do in detail

  • @AhtishamAhmad-qq3wz
    @AhtishamAhmad-qq3wz 3 วันที่ผ่านมา

    Lot of Love From Pakistan Sir 🥰🥰🥰🥰🥰

  • @M.FaisalAmin
    @M.FaisalAmin 6 วันที่ผ่านมา

    Scroll hide bottom and top nav not implemented

  • @AbdulKabeer.56
    @AbdulKabeer.56 7 วันที่ผ่านมา

    the sliderbox is giving an error how do i fix that??

  • @hashWorld-0
    @hashWorld-0 7 วันที่ผ่านมา

    Permission Denial: reading com.google.android.apps.docs.common.stora gebackend.StorageBackendContentProvider uri content://com.google.android.apps.docs .storage/document/acc=1;doc=encoded= GbCuk6xl_R1nUvJ7TlhW4wgjn4sZCTyr0Y2mY c12GBOki6adPHGin5RqVf8= from pid=8157, uid=10551 requires that you obtain access using ACTION_OPEN_DOCUMENT or related APIs createException i got this error whenevr i try to preview any solution ?/

  • @muhammadsaifuddinumar7523
    @muhammadsaifuddinumar7523 18 วันที่ผ่านมา

    bhai agr koi value select kar li hai. and then aap next page py move kar letey hon. then wo previous selected value kaise show kar skte hain

  • @hendoitechnologies
    @hendoitechnologies 21 วันที่ผ่านมา

    Can you post React Native CLI full course video for developers

  • @sardarhussain8497
    @sardarhussain8497 21 วันที่ผ่านมา

    Amazing Video , Thank You so much Sir.

  • @nooneneedstoknow7
    @nooneneedstoknow7 25 วันที่ผ่านมา

    Amazing content bhai just what I was looking for,Do u know how to resolve white screen appears before splash screen for 1 second in expo after creating apk

  • @abdulragib6004
    @abdulragib6004 27 วันที่ผ่านมา

    Production mai .env ko kaise use karenge

  • @PiyushYadav-cq6ul
    @PiyushYadav-cq6ul หลายเดือนก่อน

    thanks buddy

    • @officialsgcodes
      @officialsgcodes หลายเดือนก่อน

      Thanks for the support 😍

  • @ShubhamKumar-yf3zm
    @ShubhamKumar-yf3zm หลายเดือนก่อน

    I am fetching data via API, how will I convert that into PDF

  • @User_4_2_1
    @User_4_2_1 หลายเดือนก่อน

    Wow super ! Koi nahi batata ye sab isliye piche hu . Aj fas gaya tha lekin ye bahut kam ayega .

  • @ShubhamKumar-yf3zm
    @ShubhamKumar-yf3zm หลายเดือนก่อน

    i observed that spelling mistake, but cant do anything at that moment, then i was just waiting, a error will arise you will back track to it automatically.

  • @SohanKumar-yq6he
    @SohanKumar-yq6he หลายเดือนก่อน

    position absolute not working

  • @swatishree3573
    @swatishree3573 2 หลายเดือนก่อน

    For ios , it is not working to get receipt name and subject properly

    • @swatishree3573
      @swatishree3573 2 หลายเดือนก่อน

      Can you please help with different package name or share the option what I need to send

  • @IsmailKhan-nh1tg
    @IsmailKhan-nh1tg 2 หลายเดือนก่อน

    Can you create a video on how to connect this screen to firebase?

  • @user-oi6qp1cd1j
    @user-oi6qp1cd1j 2 หลายเดือนก่อน

    Bottom tab navigator and drawer

  • @user-tc2iw5io4h
    @user-tc2iw5io4h 2 หลายเดือนก่อน

    clear indicator nhi aara sab kuch sahi likha hai phir bhi kya karu?

  • @usmanmubashir7190
    @usmanmubashir7190 3 หลายเดือนก่อน

    Your video is very simple and easy and authentic, very easy way. Great Teacher. Allah khush rakhy

    • @officialsgcodes
      @officialsgcodes 2 หลายเดือนก่อน

      Thank you so much for the love ❤️

  • @RavindraSingh-zg9eq
    @RavindraSingh-zg9eq 3 หลายเดือนก่อน

    Error in /turbo_modules/react@18.3.1/cjs/react.development.js (1618:21) Cannot read properties of null (reading 'useContext') ,getting this error pls resolve ?

  • @mansoorbashir746
    @mansoorbashir746 3 หลายเดือนก่อน

    very nice

  • @lincolnkapoor5189
    @lincolnkapoor5189 3 หลายเดือนก่อน

    react native main

  • @lincolnkapoor5189
    @lincolnkapoor5189 3 หลายเดือนก่อน

    sir kon sa database use krna chahiye and usko aapne project mai kaise add kre plzz iska ek video bana do its a huge request

    • @officialsgcodes
      @officialsgcodes 3 หลายเดือนก่อน

      Database will be integrated in the backend system, not in frontend.

  • @evertontomazi
    @evertontomazi 3 หลายเดือนก่อน

    I do not find eexample tô connect the componente a use form.

    • @officialsgcodes
      @officialsgcodes 3 หลายเดือนก่อน

      Didn't get you? Can you please elaborate

  • @FillyJilly
    @FillyJilly 3 หลายเดือนก่อน

    Useful information about loaders👍

  • @mohanishsaim9537
    @mohanishsaim9537 3 หลายเดือนก่อน

    How to change background color of toast

  • @dipeshdas6965
    @dipeshdas6965 3 หลายเดือนก่อน

    my text input is very slow what should i do?

  • @Techenact.
    @Techenact. 3 หลายเดือนก่อน

    Thanks brother

  • @user-zm2jj9he2o
    @user-zm2jj9he2o 4 หลายเดือนก่อน

    lovely, solved my prblm

  • @Rider_By_Soul
    @Rider_By_Soul 4 หลายเดือนก่อน

    Thanks brother, had one question after I implemented the process it's was working fine but second time when I opened it data is not showing in selecting city for weather.

    • @officialsgcodes
      @officialsgcodes 4 หลายเดือนก่อน

      Did you check ki api is working on not?

  • @satyamkushwaha8856
    @satyamkushwaha8856 4 หลายเดือนก่อน

    Text highlights karne ka tool nhi h kya isme

    • @officialsgcodes
      @officialsgcodes 4 หลายเดือนก่อน

      Isme nhi hai, you'll have to use something else for that

  • @Stranger-pf8qt
    @Stranger-pf8qt 4 หลายเดือนก่อน

    thankyou brother 😊😊😊😊

  • @atnguyenucchi9776
    @atnguyenucchi9776 4 หลายเดือนก่อน

    is react-native-svg can do the same

  • @ahsanali580
    @ahsanali580 5 หลายเดือนก่อน

    thanks alot

  • @aboodriazy3387
    @aboodriazy3387 5 หลายเดือนก่อน

    how can we change the tick icon? with dirffernt icon?

  • @user-it4hp8sn8r
    @user-it4hp8sn8r 5 หลายเดือนก่อน

    good but yar mera ak issue aa rha ha jo itme color ha wo ni set ho rha by default white aa rha ha

  • @RakshithaML-ef3gd
    @RakshithaML-ef3gd 5 หลายเดือนก่อน

    hi , i want to Bottom Tabs Animation using opacity , For Example: I will scroll down the screen bottom tabs collapse and i will scroll up the screen bottom tabs will be visisble using linkednln type bottom tabs , please solve the problem

  • @programmernolife7281
    @programmernolife7281 6 หลายเดือนก่อน

    sir can u make english translation, actually this content is very helpul, but i didnt understand :')

  • @akashmore7934
    @akashmore7934 6 หลายเดือนก่อน

    bro without typescript react native install kaise kare

  • @user-gi5xy1nv1x
    @user-gi5xy1nv1x 6 หลายเดือนก่อน

    Hello. Can I pick dates from range automatically, for example: I have 5 october as start date, 20 october as end date, can i automatically set dates from range as marked?

    • @officialsgcodes
      @officialsgcodes 6 หลายเดือนก่อน

      You can try playing around with the states, maybe that'll help

    • @user-iq9ll8lz9m
      @user-iq9ll8lz9m 6 หลายเดือนก่อน

      @@officialsgcodesThank you for answer!

  • @devsolutions-qk1bg
    @devsolutions-qk1bg 6 หลายเดือนก่อน

    how to make it searchable

  • @akashkvlogs2502
    @akashkvlogs2502 6 หลายเดือนก่อน

    Bhai sale jooth hi bnaye ja rha hai

    • @officialsgcodes
      @officialsgcodes 6 หลายเดือนก่อน

      What happened? Why did you feel so?

  • @startupbug1633
    @startupbug1633 6 หลายเดือนก่อน

    good and honest work (tthan many fake youtubers) subscribed and liked video,(struggled a lot with expo !!!,finallly done with cli !!!)

    • @officialsgcodes
      @officialsgcodes 6 หลายเดือนก่อน

      Thank you for the love ❤️

  • @rahmathirshad9480
    @rahmathirshad9480 6 หลายเดือนก่อน

    I'm getting this error Invariant Violation: TurboModuleRegistry.getEnforcing(...): 'RNDocumentPicker' could not be found. Verify that a module by this name is registered in the native binary. Please reply how to solve it

  • @user-dg9tb5qr5q
    @user-dg9tb5qr5q 6 หลายเดือนก่อน

    ab controller me se Home Page ki value kaise Bind Karenge?

  • @BharatVlogsss
    @BharatVlogsss 6 หลายเดือนก่อน

    Sir current aap React Native Developer ho

    • @officialsgcodes
      @officialsgcodes 6 หลายเดือนก่อน

      Full Stack Developer

  • @harshyadav5253
    @harshyadav5253 6 หลายเดือนก่อน

    sir if i make isMulti={false} and then i want a clear button then what to do

    • @officialsgcodes
      @officialsgcodes 6 หลายเดือนก่อน

      Make a button and on click of the bottom, set the array as []

  • @vpkalsgondamadam2647
    @vpkalsgondamadam2647 6 หลายเดือนก่อน

    onpress not working

  • @hubealia.smolaali8869
    @hubealia.smolaali8869 6 หลายเดือนก่อน

    Sir no words found how i thank to you