🔴 Build a Wallpaper App in Expo Router | React Native Projects | React Native Tutorial | Expo SDK 50

Опубликовано: 08 Апрель 2024
на канале: Code With Nomi

37,156

1.2k

Hello everyone 👋, in this video we will build a fully functional Wallpaper App using Expo Router v3.

What You Will Learn:
- React Native
- Expo Router v3
- React Native Reanimated
- Responsive UI
- Masonry Layout
- Pixabay API Integration
- Linear Gradients
- Expo Vector Icons
- Bottom Sheet Modal
- Image Caching
- Downloading Content
- Sharing Content
- Toast Messages
- Cross-Platform Compatibility (iOS, Android, Web)

🚀 Source Code: https://codewithnomi.com/projects/wal...

✨ If you appreciate my work and you would like to support my channel: https://www.buymeacoffee.com/codewith...

🏞️ Assets: https://drive.google.com/file/d/1PYCG...

Learn Expo Router:    • Build complex layouts with Expo Route...

Pixabay API: https://pixabay.com/api/docs

Expo Router Installation: https://docs.expo.dev/routing/install...

Reanimated installation: https://docs.swmansion.com/react-nati...

🚨 more videos on react native:

Firebase Auth & Chat:    • 🔴 Build a Realtime Chat App with Fire...

Fitness App:    • 🔴 Build a Fitness App in React Native...

Food Recipe App :    • 🔴 Build Food Recipe App in React Nati...

Movie App :    • 🔴 Build Movie App Using React Native ...

Onboarding UI with Lottie Animations:    • 🔴 Onboarding UI with Lottie Animation...

AI Voice Assistant with ChatGPT & DALL-E :    • 🔴 Build a React Native Voice Assistan...

Travel App UI :    • 🔴 Travel App UI | React Native Tutori...

Weather App :    • 🔴 Build Weather App Using React Nativ...

Coffee App UI :    • 🔴 Coffee App UI - React Native Tutorial

Food Delivery App :    • 🔴 Build Food Delivery App Using React...

Youtube Clone App:    • 🔴 Youtube Clone - React Native Tutorial

Login | SignUp UI :    • 🔴 Login | SignUp UI - React Native Tu...

Fast Food App :    • 🔴 Fast Food App UI - React Native Tut...

App Store UI :    • 🔴 App Store UI - React Native Tutorial

Fruit Shop UI :    • 🔴 Fruit Shop UI - React Native Tutorial

Firebase Authentication React Native:    • React Native Firebase Authentication ...

Food Delivery App :    • Food Delivery App with React Native

Learn React Native:    • Build Expensify App With React Native

Learn Reactjs:    • Modern React For Beginners

hashtags & keywords
#expo #reactnative #javascript #tailwindcss #programming #typescript #speedcode #coding #design #appdevelopment #reactjs #ui #uiux #reactnavigation #reactnativetutorial #react #animation #reactjs #navigation #navigationbar #uidesign #mobiledevelopment #iosdeveloper #buildinpublic #opensource #reactnativeapp #reactjstutorial #typescript

▬▬▬▬▬▬▬▬▬ Contents of this video ▬▬▬▬▬▬▬▬▬▬

00:00 - Project Demo
07:00 - Create App
10:00 - Welcome Screen UI
30:07 - Home Screen
59:06 - Fetching Images
01:12:40 - Masonry Layout
01:27:40 - Search Bar Implementation
01:36:57 - Category Implementation
01:42:25 - Filters Modal
02:47:00 - Pagination
02:58:52 - Image Modal Screen
03:25:35 - Toast
03:35:54 - Final Demo

Смотрите видео 🔴 Build a Wallpaper App in Expo Router | React Native Projects | React Native Tutorial | Expo SDK 50 онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Code With Nomi 08 Апрель 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 37,156 раз и оно понравилось 1.2 тысяч людям.

434