React Native Tutorial #6 – Lists & ScrollView



Hey gang, in this React Native tutorial we’ll talk about how to display lists of data in our apps. To do this we also need to look at a component called ScrollView, which allows us to scroll through long lists that are bigger than the area available on the screen
—————————————-

🐱‍💻 🐱‍💻 Course Links:

Course files –

🐱‍💻 🐱‍💻 Other Related Courses:

+ Complete React Tutorial –

+ React Hooks & Context Tutorial –

+ Modern JavaScript Tutorial –

Nguồn: https://baggersoriginals.com/

Xem thêm bài viết khác: https://baggersoriginals.com/cong-nghe/

Article Categories:
Công Nghệ

Comments

  • 6 months ago I use map like you but now I changed. it is not for me to say master but you dont have to add key to the list in the state. here is another aproach:
    (list is the same without key property)

    {people.map((item, index) => {
    return (
    <View key={index}>
    <Text style={styles.item}>{item.name}</Text>
    </View>
    )
    })}

    YAPAYZEKA June 27, 2020 9:41 am Reply
  • Nice tutorial, How can i do this for dynamic data like data in array to useState and then use it for scrollview

    aditya jangle June 27, 2020 9:41 am Reply
  • You're good teacher :)) Btw, what's your theme? I like it too

    Karol Drazek June 27, 2020 9:41 am Reply
  • I get the key error even after adding key prop to returned View

    Iancu Vlad June 27, 2020 9:41 am Reply
  • Very good tutorial

    Fathhana Euclidea June 27, 2020 9:41 am Reply
  • I love how you explain every video. thank you for your kindness 🙂

    Dan Petre June 27, 2020 9:41 am Reply
  • easy to see how much programming experience you have – your approach is evidence enough for that. very good and straight forward.

    kai clausnitzer June 27, 2020 9:41 am Reply
  • Thanks for sharing the return shortcut!

    Eazl June 27, 2020 9:41 am Reply
  • After learning the react and getting the job as a React Dev, It's time again from our very own shaun to get started with Native

    Aditya Tiwari June 27, 2020 9:41 am Reply
  • quick side note : use shift + RR (2 Rs) to refresh the emulator. or command + M.

    Osama Gamal June 27, 2020 9:41 am Reply
  • for people who too lazy to type, u can copy this
    const [people,setName]=useState([
    {name:'shaun', key:'1'},
    {name:'yoshi', key:'2'},
    {name:'mario', key:'3'},
    {name:'luigi', key:'4'},
    {name:'peach', key:'5'},
    {name:'toad', key:'6'},
    {name:'bower', key:'7'},

    ]);

    rezaxter June 27, 2020 9:41 am Reply
  • Please make an e commerce application on React Native !

    Instantaneous Challenge June 27, 2020 9:41 am Reply
  • I am having problem in downloading expo guide us through ninja it showing invalid regular expression

    aayush singh June 27, 2020 9:41 am Reply
  • Could you make a video comparing Flutter and React Native? Thanks always!

    최현성 June 27, 2020 9:41 am Reply
  • Please connect backend

    ბელა კიკლაძე June 27, 2020 9:41 am Reply
  • Friend, you have all the potential to create courses at UDEMY.

    Success on your journey!

    Laurivaldo Lopes June 27, 2020 9:41 am Reply
  • Thanks for the series, really helpful

    Jessica Eze June 27, 2020 9:41 am Reply
  • Hi ninja!
    i complete javascrpt for beg.. , PHP for beg ,i know how create responsable web site
    but what are after ?? give me the ordre of your playlists;
    i need learn all about javascript
    plz answer me fastly
    *//i have bad english i know 🙁
    //*

    Nadjem Tech نجم تيك June 27, 2020 9:41 am Reply
  • Flutter is good or React native in 2020

    Mayur Gaikwad June 27, 2020 9:41 am Reply
  • Can't we make the outer View as ScrollView directly?. This will also the same results I believe

    The Nerdy Dev June 27, 2020 9:41 am Reply
  • As always awesome explanation 💥

    The Nerdy Dev June 27, 2020 9:41 am Reply
  • Thank you so much..please jaldi upload kro sir

    Deepak Gupta June 27, 2020 9:41 am Reply

Leave a Reply

Your email address will not be published. Required fields are marked *