Awesome
A sample of Dynamic Island widgets that will help you make better things!
🏝 Dynamic Islands
This repo aims to provide sample code for lots of different types of Live Activities in the Dynamic Island, for you to use as inspiration for your own projects. We start by recreating the Islands that Apple has introduced for the launch of the iPhone 14 Pro. The goal is to make each island type customizable, accessible and flexible so that you can easily change it to your needs.
<img width="400" alt="image" src="https://user-images.githubusercontent.com/170948/191255202-778193ae-227f-44ff-8c03-c9aac7330e45.gif">If you want to play around with Swift Charts, check out the 📊 Swift Charts repo as well!
Todo
- Add explanations of the different components
- Add example that allows users to tap on objects and handle them
- Add examples that show updates
- Create better architecture
- Make islands accessible
See the open issues if you think anything is missing from this list. You can also contact me on Twitter if you have any suggestions or feedback.
How to add a new island 🏝
You will need to replicate all the files in the Island folder and add your new widget to the Widget Bundle. More instructions will follow. If you have any questions feel free to create an issue.
Islands
Apple
Phone
Recreation of the incoming phone call dynamic island
<img width="400" alt="image" src="https://user-images.githubusercontent.com/170948/190910714-3b94b3f3-2e02-4e86-a094-a3d60f78129b.png">Music
Recreation of the now playing island
<img width="400" alt="image" src="https://user-images.githubusercontent.com/170948/191253990-0008bcaa-384a-488e-9f13-8b6f6ccf8789.png">Generic
Areas
Overview of the different areas in an Expanded Dynamic Island view (Leading, Trailing, Center and Bottom)
<img width="400" alt="image" src="https://user-images.githubusercontent.com/170948/190910689-a15c2568-9dd3-4c2a-9f9e-296d8aac4d63.png">Other Example Repos
Check out my other example repos