Uploaded July 2024 | Updated September 2026, 3 weeks ago

---

In this video we build a gradient gallery app, covering key topics like using the Expo router, passing query parameters, customizing navigation headers (iOS, Android, Web), directing gradients, and more.

Source Code: https://codewithbeto.dev/projects/expo-linear-gradient
React Native Course: https://codewithbeto.dev/learn
React with TypeScript course: https://codewithbeto.dev/learnReact

Get an exclusive 40% discount on CodeCrafters with my referral link: app.codecrafters.io/join?via=betomoedano

👨🏻‍💻 ☕️ 🌟 Join this channel to get access to perks:🌟 ☕️ 👨🏻‍💻
youtube.com/channel/UCh247h68vszOMA_OWpGEa5g/join

👯 Join the Discord: discord.gg/dbYfWFw862

⌚️ Timestamps ⌚️
00:00 Demo & Resources
04:10 Creating Expo App
04:49 Installing Dependencies
05:21 Starting App & Project Overview
08:08 Gradients Screen
13:49 Gradient Item Component
23:37 Passing Route Params
29:52 Customizing Navigation Header
35:19 Gradient Details Screen
45:26 Conclusion

⭐️ If you want to learn more about me, check this links:
Code With Beto: https://codewithbeto.dev
X: https://x.com/betomoedano
Github: github.com/betomoedano
Linkedin: linkedin.com/in/betomoedano
Discord: discord.com/invite/G2RnuUD8
Medium: medium.com/@betomoedano01
Figma: figma.com/@betomoedano

⭐️ My apps & projects:
► Code With Beto: https://codewithbeto.dev/
► Eco Studios:https://www.ecostudios.dev/
⭐️ Contact: betomoedano@outlook.com