React Native Tutorial #10 - FlatList & SectionList with Nested Array

[@mashschool]

If you have any questions about this or request tutorials in this style, be sure to leave a comment below, and thank you for liking the video. 😉

[@sanilkp6180]

Thank you very much !

[@americovaldazo4441]

Thank you very much for this.

[@mashschool]

You're very welcome!

[@parisazamani2772]

tnx for video

[@mashschool]

Most welcome

[@sangeethsujith6396]

5:06

[@dannipals79]

Very nice. Is this still the best way to get nested array ? (btw, I'm renderItems from Firebase)

[@theexplorertresure]

salam, Thanks for the great video. can u tell me how can I replace the text after refreshing with other text

[@benefootball]

i tried the refresh control on my mobile phone but it didnt work yet

[@pankajsharma-rf1ov]

Then what is the diff between Listview and SectionList???

[@umairali2360]

how can i show nested array data on click and then hide on second click. please help. its urgent for my project

[@shikhapal6849]

How to push data into array

[@umairali2360]

i use flatlist and then use nested flatlist i am getting same results just like sectionlist, but i want to get nested flatlist data on title click and then hide nested array on 2nd click.

[@mashschool]

You can use the expandable lists. Something like this: callstack.github.io/react-native-paper/list-accordion.html

[@kguspawave2079]

Great turtorial. Lets Say, i need to get a list of shops(Name, Picture, CategoryList[array], Products(Productname, ProductPic, Price and info)), how do i do this?

[@mashschool]

You can do it by a nested array (shops) in the SectionList.

[@arshiasarabi]

How to put the list titles horizontally and the items inside them vertically under their titles?

[@mashschool]

In this case, it's better to use the table component. www.npmjs.com/package/react-native-table-component

[@mudandmoss4132]

How do you do getItemLayout on a section list with dynamic height rows?

[@mashschool]

You can use getItemHeight in it. This may help you : medium.com/@jsoendermann/sectionlist-and-getitemlayout-2293b0b916fb

[@yosefcuenca6661]

HI! I was able to follow the tutorial however my Flatlist does not scroll. Why is that so? I tried the code from your repository, too, and still it does not work :((

[@hailai1053]

me too

[@shubhambindal7060]

Not able to do the practice question neither able to find on github . So, can you please share the solution for same.

[@mashschool]

You can find the source code of each session in "All branches" section of repo with name like this: "RN-Tutorial-Session number". This is the solution: github.com/mahdi-sharifimehr/RN-Tutorial-Main/blob/RN-Tutorial-10-Practice/App.js