https://github.com/hoaphantn7604/react-native-dynamic-island-tutorial

How to implement Dynamic Island for React native?. Build Dynamic Island for React Native tutorial.
https://github.com/hoaphantn7604/react-native-dynamic-island-tutorial

dynamic-island how-to-build how-to-implement live-activities react-native video-tutorial

Last synced: 26 days ago
JSON representation

How to implement Dynamic Island for React native?. Build Dynamic Island for React Native tutorial.

• Host: GitHub
• URL: https://github.com/hoaphantn7604/react-native-dynamic-island-tutorial
• Owner: hoaphantn7604
• License: mit
• Created: 2022-09-26T03:37:19.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T08:42:28.000Z (almost 2 years ago)
• Last Synced: 2023-03-04T23:43:33.143Z (almost 2 years ago)
• Topics: dynamic-island, how-to-build, how-to-implement, live-activities, react-native, video-tutorial
• Language: Java
• Homepage:
• Size: 1.29 MB
• Stars: 62
• Watchers: 6
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## React Native Dynamic Island Tutorial

How to implement Dynamic Island for React native.

React Native Dynamic Island tutorial.

### Documentation

- Require Xcode 14.1 or high. Working on iOS 16.1 or high.

- Step 1: Build Native Modules.

- Step 2: Build Live Activities for Dynamic Island and lock screen.

- Step 3: Handle action event when click button.

### Version

- Tag [v0.0.1](https://github.com/hoaphantn7604/react-native-dynamic-island-tutorial/tree/v0.0.1): Create Native Modules for React Native.

- Tag [v0.0.2](https://github.com/hoaphantn7604/react-native-dynamic-island-tutorial/tree/v0.0.2): Build Live Activities Simple.

- Tag [v0.0.3](https://github.com/hoaphantn7604/react-native-dynamic-island-tutorial/tree/v0.0.3): Add Deeplink.

- Tag [v0.0.4](https://github.com/hoaphantn7604/react-native-dynamic-island-tutorial/tree/v0.0.4): Order Live Activities.

## Video tutorial:

#### [Build Dynamic Island For React Native - Tutorial Step-by-Step](https://www.youtube.com/playlist?list=PLpMCFmfT7cNeAJaCEJbKktudFyuxufr2c)

![demo](./demo/react_native_dynamic_island_tutorial.jpg)

## Donate ✨

Support maintainers with a donation and help them continue with activities.


 





[](https://www.youtube.com/channel/UCemCdKGzUgbfsLeGFOvbVEw?sub_confirmation=1)