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://top100vn.com/
Xem thêm bài viết khác: https://top100vn.com/cong-nghe/
Xem thêm Bài Viết:
- Bí quyết lập kế hoạch nội dung hoàn hảo và những điều bạn nên biết
- Trực tiếp U19 Việt Nam vs U19 Autralia| tuyệt phẩm công phượng
- ĐƯỜNG VỀ CÓ NHAU || Phim gia đình Việt Nam 2020 || Trailer || SCTV14
- SCTV ONLINE TĂNG LOẠT KÊNH TRUYỀN HÌNH QUỐC TẾ
- Bài không tên cuối cùng – Nguyễn Hồng Ân TVStar Sctv11
I sincerely want to take a minute here and thank you for your videos. They are truly informative and easy to comprehend. You simplify and make web development fun to such an extent that its started to become an addiction!
([
{ "name":"John", "key" : 1},
{ "name":"Johnathon", "key" : 2},
{ "name":"Johnny", "key" : 3},
{ "name":"JohnWick", "key" : 4},
{ "name":"JohnCena", "key" : 5},
{ "name":"DonJohn", "key" : 6},
{ "name":"JohnnyGaddar", "key" : 7},
])
Thank you !!!
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>
)
})}
Nice tutorial, How can i do this for dynamic data like data in array to useState and then use it for scrollview
You're good teacher :)) Btw, what's your theme? I like it too
I get the key error even after adding key prop to returned View
Very good tutorial
I love how you explain every video. thank you for your kindness 🙂
easy to see how much programming experience you have – your approach is evidence enough for that. very good and straight forward.
Thanks for sharing the return shortcut!
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
quick side note : use shift + RR (2 Rs) to refresh the emulator. or command + M.
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'},
]);
Please make an e commerce application on React Native !
I am having problem in downloading expo guide us through ninja it showing invalid regular expression
Could you make a video comparing Flutter and React Native? Thanks always!
Please connect backend
Friend, you have all the potential to create courses at UDEMY.
Success on your journey!
Thanks for the series, really helpful
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 🙁
//*
Flutter is good or React native in 2020
Can't we make the outer View as ScrollView directly?. This will also the same results I believe
As always awesome explanation 💥
Thank you so much..please jaldi upload kro sir