Build iOS 16 in React Native

Overview

Learn how to build the iOS 16 Lock Screen in React Native with this comprehensive tutorial. Start from scratch using Expo and progress through UI rendering, animations, and advanced features. Master essential skills like project initialization, asset integration, dynamic time display, and custom animations. Follow along with detailed explanations suitable for beginners, and gain hands-on experience in cross-platform mobile development. By the end of this nearly 4-hour video, you'll have created a functional iOS 16 Lock Screen clone and acquired valuable React Native development skills.

Syllabus

Intro
Getting started
Prerequisites
UI: Initialise the project
UI: Import the assets
UI: Integrate image background
UI: Data & time UI
UI: Footer
UI: Dynamic time
UI: Notification flatlist
Animations: Getting started with reanimated
Animations: Layout animations
Animations: Custom animations
Animations: Flatlist animations
Demo
Q&A