1. Главная
2. Codingwith Dill

🔥🔥 What would you get in this video 🔥🔥
Step into the world of podcasting with our latest React Native tutorial! 🌟
In this video, I’ll walk you through the design of a sleek Podcast App UI, featuring a Home page that showcases trending podcasts, celebrity favourites, and personalized picks just for you. Each section is beautifully crafted with custom thumbnails and consistent design elements. Plus, learn how to add a touch of elegance with custom fonts and navigate with ease using bottom tab-bar navigation. Whether you’re a seasoned developer or just starting out, this tutorial will equip you with the skills to create an app that stands out in the audio streaming universe. Tune in now and start coding your very own Podify UI clone!

Chapters:
00:00 - Introduction and Demo of the App
05:01 - Installing React Native Navigation and Configuring it
10:40 - Bottom Tab Navigation Installation
12:21 - Custom Fonts Intro. and Configuring them
31:25 - Bottom Tab Navigation Configuring and designing
52:21 - Custom Statusbar Design
58:54 - Custom Header Design for App
1:05:50 - Home Screen Design
1:13:24 - UI Tips and Tricks (important to know for beginners)
1:18:11 - Home screen design finishing
1:31:29 - Other screens' basic style

📚 Relevant Playlists:

[Getting Started with React Native](   • React Native Basic  )

[JavaScript Tips and Tricks](   • React Native/JavaScript Tips & Tricks  )

📎 Links and Resources:
[Get Your Fav. Fonts](https://fonts.google.com/)
[React Native Navigation] (https://reactnavigation.org/)

GitHub Repository:
[Podify Source Code](https://github.com/Dilnawaz-Khan/Podify)

📱 Connect on Social Media:

Stay updated with the latest tutorials and announcements by following Codingwith Dill on social media:

Twitter / X:   / this_is_dill  
Instagram:   / dill_sayss  
Facebook:   / dill0607  
🔖 React Native Tags:

#ReactNative #ReactNativeHooks #ReactNativeUseEffect #ReactNativeDevelopment #ReactNativeTutorial #ReactNativeBeginners #ReactNativeTips #ReactNativeTricks #ReactNativeCode #ReactNative #PodcastApp #UIDesign #MobileApp #TrendingPodcasts #CelebrityPodcasts #CustomFonts #Navigation #AppDevelopment #CodingTutorial #TechTutorial #JavaScript #UIUXDesign #MobileDevelopment #CodeNewbie #Programming #SoftwareDevelopment #AppDesign #ReactNativeDeveloper #TechCommunity #dilnawaz #dill #codingwithdill

💬 Feel free to leave any questions, feedback, or suggestions in the comments below. Happy coding! 👩‍💻🚀

play_arrow

1,572

18

SLRR-#2 ВЫИГРАЛИ 2 МАШИНЫ

play_arrow

17

7

horizon forbidden west Londras shuttle.

play_arrow

364

1

Lernen, forschen, entdecken!

play_arrow

8,458

323

Anxiety Attack Or Panic Attack: What's The Difference? Explained by a Therapist

play_arrow

36,198

570

2 Best Ways to Fix a Lateral Lisp

play_arrow

79

1

NMS Expeditions 2 | Beachhead EP 3

play_arrow

60

4

Antumbra: Echoes of the Eclipse - Week 53 - An Admission

play_arrow

117

2

00:00:00

Graeme Finlay, “God’s Gift of Science” (Diving Deeper, May 2024)