Skip to content

An Xcode 10 beta 2 project, written in Swift 4.2, demonstrating how to create an iOS 12 beta 2 extension to add a custom user interface to local and push notifications.

Notifications You must be signed in to change notification settings

iosbrain/iOS-12-Notifications-with-Custom-UI

Repository files navigation

iOS-12-Notifications-with-Custom-UI

An Xcode 10 beta 2 project, written in Swift 4.2, demonstrating how to create an iOS 12 beta 2 extension to add a custom user interface to local and push notifications.

In this repo's corresponding tutorial, I'm going to show you how to give your local and remote (push) notifications a custom user interface (UI). Users can now interact with a notification's content area. iOS 12 has given us the ability to add a UIViewController subclass to notifications which we can customize. We can add controls like UIButton, UIImageView, and UISwitch to the view controller, wire up custom functionality using IBOutlet and IBAction, and arrange our custom UI using Auto Layout -- all within the notification itself. We can provide support for more than a single tap. We can develop pretty much any type of user experience we want, within notification space limitations and timing considerations.

I'll show you how a user can take action in response to a notification by interacting only with a customized notification interface, and conveniently not having to open up an app. I'll be showcasing software released to developers just ten days ago (June 19), specifically iOS 12 beta 2 and Xcode 10 beta 2.

By the end of this tutorial, you'll be able allow to your app users to get a notification, see a custom UI, click on a button, and get a confirmation. Continue reading...

Xcode 10 beta 2 project settings

To get this project running on the Simulator or a physical device (iPhone, iPad), go to the following locations in Xcode and make the suggested changes:

  1. Project Navigator -> [Project Name] -> Targets List -> TARGETS -> [Target Name] -> General -> Signing
  • Tick the "Automatically manage signing" box
  • Select a valid name from the "Team" dropdown
  1. Project Navigator -> [Project Name] -> Targets List -> TARGETS -> [Target Name] -> General -> Identity
  • Change the "com.yourDomainNameHere" portion of the value in the "Bundle Identifier" text field to your real reverse domain name (i.e., "com.yourRealDomainName.Project-Name").

Releases

No releases published

Packages

No packages published

Languages