Summary
Keywords
Full Transcript
For this challenge, we are trying to build the iOS 16 Lock Screen in React Native. Is it even possible? 🤔 ⚛️ React Native Mastery is the ONLY course you need to master mobile development with React Native & Expo 🚀 Enroll here: https://www.notjust.dev/react-native-mastery In this video, you will learn React Native with Expo from scratch by building the iOS 16 Lock Screen. This project is a great way to get your foot in the door with hybrid, cross-platform mobile development with React Native. This is a beginner-friendly tutorial, and all the steps and concepts will be explained in detail. In this video, you will learn: ✅ How to start a React Native project from scratch using Expo ✅ Render beautiful UI interfaces ✅ Animations Let's learn together 📖💡 🎒 Get the step-by-step guide and Asset Bundle: https://assets.notjust.dev/ios-lockscreen 🐱💻 Source code: https://github.com/notJust-dev/iOSLockScreen 💬 Join the notJust Development gang and let's build together: Twitter: https://twitter.com/VadimNotJustDev Instagram: https://www.instagram.com/VadimNotJustDev Facebook: https://www.facebook.com/notjustdev LinkedIn: https://www.linkedin.com/in/vadimsavin Discord: https://discord.gg/VpURUN2 Timecodes: 0:00 Intro 01:56 Getting started 02:48 Prerequisites 08:53 UI: Initialise the project 15:34 UI: Import the assets 17:58 UI: Integrate image background 20:47 UI: Data & time UI 30:44 UI: Footer 41:50 UI: Dynamic time 01:01:10 UI: Notification flatlist 01:11:20 Animations: Getting started with reanimated 01:19:06 Animations: Layout animations 01:25:10 Animations: Custom animations 02:11:41 Animations: Flatlist animations 03:47:30 Demo 03:51:45 Q&A Disclaimer: This build is for educational purposes only!! All views, opinions, technology choices expressed in this video are my own and do not represent the views, opinions, technology choices of any entity whatsoever with which I have been, am now, or will be affiliated. #reactnative #notjustdev #ios16
