iOS 18 Photos App with React Native, Expo and Reanimated
In this video, we'll be building the iOS 18 Photos app clone using React Native, Expo, and Reanimated. We'll explore how to use these powerful tools to create stunning animations and user interactions. Even if you're a beginner or looking to enhance your skills, this tutorial will guide you through every step of the process. Let's get started 🚀
📝 Project Page: https://www.notjust.dev/projects/ios1...
📑 Asset Bundle: https://assets.notjust.dev/ios-photos
💻 Source Code: https://github.com/notJust-dev/iOS18-...
⚛️ React Native Mastery is the ONLY course you need to Master mobile development with React Native & Expo 🚀
Join the waitlist now: https://www.notjust.dev/react-native-...
📚 This video includes a lot of tools and technologies, providing an excellent opportunity to learn about:
Setup and Installation
Project Structure
Implementing UI Components
Adding Animations with Reanimated
Managing State with Hooks
❗Try our FREE 2-day Masterclass on notJust.Academy: https://assets.notjust.dev/masterclas...
💡 Have an idea for a future tutorial? Share it on our Idea Board: https://github.com/orgs/notJust-dev/d...
💬 Join the notJust Development gang and let's build together:
Twitter: / vadimnotjustdev
Instagram: / vadimnotjustdev
Facebook: / notjustdev
LinkedIn: / vadimsavin
Discord: / discord
Timecodes:
0:00 Intro and Project Overview
3:55 Initialising a brand new Expo Project
9:50 Displaying a FlatList of Images
32:03 Implementing the Carousel of Images
53:26 Implementing the Header Carousel
1:00:48 Adding the Carousel Indicators
1:19:59 Setting Expo Router and Adding the Photo Screen
1:43:04 Implementing Reanimated and Adding Zoom-in animation
2:09:54 Adding the Pinch to Zoom Gesture animation
2:27:34 Go Back when Zooming out functionality
2:37:00 Tracking the Page Scroll Position
2:59:52 3 Scroll Modes: ScrollView, Gesture, Flatlist
3:49:31 Implementing Seamless Scroll from Page to Gesture
Disclaimer: This build is for educational purposes only. All views, opinions, and technology choices expressed in this video are my own and do not represent the views, opinions, or technology choices of any entity I have been, am now, or will be affiliated with.
#notjustdev #ios18 #reactnative
Смотрите видео iOS 18 Photos App with React Native, Expo and Reanimated онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь notJust․dev 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 33,646 раз и оно понравилось 233 людям.