How to: Build A Native Widget for iOS 14 with SwiftUI

If you are looking for making an Apple Native Widget on iOS 14, here’s the most simplest guideline for you.

Steps:

3. Select iOS (default)

4. Search “widget”

5. Click Next

6. Product Name ➜ xxxWidget

7. Keep other options default

8. Click “Finish”

9. Now, you can see Widget Folder on the Left Sidebar

10. If you are using “Widget” as the Product Name on Step 6, remember to change the “Widget” ➜ “xxxWidget”. (Prevent Conflict / Error Occur)

Widget.swift (58 lines)

That’s all! Thanks for reading :)

Developer, UI/UX Designer and 📽Photographer | Contact: hello@1998.media | Website: 1998.media

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store