Food App UI Part 2 - Figma to React Native

This is the second video in the Food App UI Series - where we turn Figma designs into React Native apps! More specifically, we’ll be turning our Figma Home Page design into code 🎉

What you’ll learn: Setting up React Navigation in a react native project, Turning design items to code with figma and react native, Using react native components like View, SafeAreaView, ScrollView, Text, FlatList, and much more!

Link to Figma file - https://www.figma.com/file/gfIboy4J44...
Link to Part 1 -    • Food App UI Part 1 - Figma to React N...  
Link to Part 3 -    • Food App UI Part 3 - Figma to React N...  
Source Code - https://github.com/mattfrances/FoodAppUI

❤️ Thanks for watching
👍 If you liked this video, be sure to give it a thumbs up
👊 Want to see more of this? Smash that subscribe button
📢 Let me know in the comments what you'd like to learn!

Follow me:
Twitter -   / madewithmatt  
YouTube -    / @madewithmatt  

Introduction: (0:00)
Access to figma file: (0:55)
Getting images from figma to react native: (1:25)
Adding data assets to our project: (2:11)
Setting up React Navigation: (5:26)
Starting the Home page: (9:49)
Header: (11:17)
Titles: (16:19)
Search: (18:42)
Categories section: (22:17)
Categories FlatList: (24:31)
Popular section: (36:41)
Popular card bottom: (51:21)
Drop shadow: (57:03)
Conclusion: (58:19)