React Native Tutorial #7 – Flat List Component



Hey gang, in this React Native tutorial we’ll take a look at another way to output lists of data – using the FlatList component.

—————————————-

🐱‍💻 🐱‍💻 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

  • I already introduced you to two other friends of mine. We really appreciate what you do, Ninja. 😀

    Harish Balasubramanian July 1, 2020 11:18 am Reply
  • ahaa I see now. excellent

    YAPAYZEKA July 1, 2020 11:18 am Reply
  • If I have a dynamic array, how can I update the list when the data changes? Great!

    Adrian Herrera Trujillo July 1, 2020 11:18 am Reply
  • 3:26 xD

    إلياس ولدمنور July 1, 2020 11:18 am Reply
  • How do I implement native ads in a flatlist after every number of items?

    BOGA July 1, 2020 11:18 am Reply
  • Hey I have a quick question, why we don't need to destrucure the item in keyExtractor
    But you have destructured item inside renderItem

    HackRx July 1, 2020 11:18 am Reply
  • Is it me or anyone else noticed that he used marginTop twice at 6:55?

    Haseeb Ahmed July 1, 2020 11:18 am Reply
  • if someone is having an issue that flatlist is not displaying items then please try adding return at the very start of line 21.adding return keyword before <Text …>…</Text> will hopefully fix your problem 🙂
    Stay Blessed <3

    Adil Malik July 1, 2020 11:18 am Reply
  • Thank you very much.. Ninja

    Jayani Sumudini July 1, 2020 11:18 am Reply
  • I had a warning with the keyExtractor and I avoided it using the toString() function like this :
    keyExtractor={(item) => item.id.toString()}

    Sim Scape July 1, 2020 11:18 am Reply
  • 2::14 When you'r destructing renderItem={({item}) is item the syntax of renderItem prop or can it be any name?

    Sidharth Punathil July 1, 2020 11:18 am Reply
  • Hi..
    I did the same code but the columns are displayed without names..

    Nagham AlSayegh July 1, 2020 11:18 am Reply
  • thank you my bro , subscribe for you

    Nirwana Oiioii July 1, 2020 11:18 am Reply
  • Thank-you, this is excellent. Your teaching style is spot on.

    Bozo July 1, 2020 11:18 am Reply
  • I don't know if it was any update, but my FlatList is working without keyExtractor and doesn't throw any error. Is it happening to you, guys, too?

    Fábio Sequeira July 1, 2020 11:18 am Reply
  • item = object blocks
    item.name = object name value

    تقنيتي Taknity July 1, 2020 11:18 am Reply
  • columns are not working

    ali farooq July 1, 2020 11:18 am Reply
  • thank u for this tutorial 😉 i did the same code as u but it keep send me an error "warning Encountered two children with the same key…" what that mean?

    fatma amara July 1, 2020 11:18 am Reply
  • Thanks for share buddy

    Nico Lopez July 1, 2020 11:18 am Reply
  • Thank you Ninja for everything you have done ! <3

    Anh Quân Nguyễn July 1, 2020 11:18 am Reply
  • Did you notice that in renderItem, it accepts object name as item only. If you don't write item then, it will show list but without the names.

    Pankaj Garg July 1, 2020 11:18 am Reply
  • Great !

    Coding practice July 1, 2020 11:18 am Reply

Leave a Reply

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