PermissionsSwiftUI: A SwiftUI package to handle permissions
PermissionsSwiftUI
displays and handles permissions in SwiftUI. It is largely inspired by SPPermissions. The UI is highly customizable and resembles an Apple style. If you like the project, please star ★
.
PermissionsSwiftUI looks equally gorgeous on both
🧭
Navigation
Usage
Additional Information
🖥️
Installation
Requirements
- iOS 11 (SwiftUI require iOS 13.0) or iPadOS 13
- Xcode 12 and Swift 5.3
- tvOS support coming soon
- No MacOS, and WatchOS support for now
Install
Swift Package Manager (Recommended)
You can install PermissionsSwiftUI into your Xcode project via SPM. To learn more about SPM, click here
- In Xcode 12, open your project and navigate to File → Swift Packages → Add Package Dependency...
For Xcode 13, navigate to Files → Add Package
- Paste the repository URL (
https://github.com/jevonmao/PermissionsSwiftUI
) and click Next. - For Version, verify it's Up to next major.
- Click Next and ONLY SELECT PERMISSIONS NEEDED else Apple will reject your app
(You don't need to add CorePermissionsSwiftUI or PermissionsSwiftUI)
- Click Finish
- You are all set, thank you for using PermissionsSwiftUI!
Cocoapods (Deprecated)
You can also install PermissionsSwiftUI with Cocoapods. Add pod 'PermissionsSwiftUI'
in your podfile:
platform :ios, '14.0'
target 'test abstract' do
use_frameworks!
pod 'PermissionsSwiftUI'
end
🚀
Quickstart
Before you start, please
star ★
this repository. Your star is my biggest motivation to pull all-nighters and maintain this open source project.
⚠️
v1.4.0 Migration Guide
v1.4
is here! If you encounter any issues, please checkout the migration guide designed to help developers resolve any deprecations and API updates.
Modal Style
To use PermissionsSwiftUI, simply add the JMModal
modifier to any view:
.JMModal(showModal: $showModal, for: [.locationAlways, .photo, .microphone])`
Pass in a Binding
to show the modal view, and add whatever permissions you want to show. For example:
struct ContentView: View {
@State var showModal = false
var body: some View {
Button(action: {
showModal=true
}, label: {
Text("Ask user for permissions")
})
.JMModal(showModal: $showModal, for: [.locationAlways, .photo, .microphone])
}
}
Alert Style The alert style is equally gorgeous, and allows for more versatile use. It is recommended when you have less than 3 permissions.
To show a permission pop up alert, use:
.JMAlert(showModal: $showModal, for: [.locationAlways, .photo])
Similar to the previous JMPermissions
, you need to pass in a Binding
to show the view, and add whatever permissions you want to show. To quickly glance all of PermissionsSwiftUI's customization and configurations, checkout the cheatsheet!
🛠️
Usage
Customize Permission Texts
To customize permission texts, use the modifier setPermissionComponent()
For example, you can change title, description, and image icon:
.setPermissionComponent(for: .camera,
image: AnyView(Image(systemName: "camera.fill")),
title: "Camcorder",
description: "App needs to record videos")
and the result:
Or only change 1 of title and description:
setPermissionComponent(for: .tracking, title: "Trackers")
setPermissionComponent(for: .tracking, description: "Tracking description")
Note:
- The parameters you don't provide will show the default text
- Add the
setPermissionComponent
modifier on your root level view, afterJMPermissions
modifier
The image
parameter accepts AnyView, so feel free to use SF Symbols or your custom asset:
.setPermissionComponent(for: .camera,
image: AnyView(Image("Your-cool-image"))
Even full SwiftUI views will work
.setPermissionComponent(for: .camera,
image: AnyView(YourCoolView())
You can use custom text and icon for all the supported permissions, with a single line of code.
Customize Header Texts
To customize the header title, use the modifier changeHeaderTo
:
.JMPermissions(showModal: $showModal, for: [.camera, .location, .calendar])
.changeHeaderTo("App Permissions")
To customize the header description, use the modifier changeHeaderDescriptionTo
:
.JMPermissions(showModal: $showModal, for: [.camera, .location, .photo])
.changeHeaderDescriptionTo("Instagram need certain permissions in order for all the features to work.")
To customize the bottom description, use the modifier changeBottomDescriptionTo
:
.JMPermissions(showModal: $showModal, for: [.camera, .location, .photo])
.changeBottomDescriptionTo("If not allowed, you have to enable permissions in settings")
onAppear
and onDisappear
Override
You might find it incredibly useful to execute your code, or perform some update action when a PermissionsSwiftUI view appears and disappears.
You can perform some action when PermissionsSwiftUI view appears or disappears by:
.JMPermissions(showModal: $showModal, for: [.locationAlways, .photo, .microphone], onAppear: {}, onDisappear: {})
The onAppear
and onDisappear
closure parameters will be executed everytime PermissionsSwiftUI view appears and disappears.
The same view modifier closure for state changes are available for the JMAlert
modifier:
.JMAlert(showModal: $showModal,
for: [.locationAlways, .photo],
onAppear: {print("Appeared")},
onDisappear: {print("Disappeared")})
Auto Check Authorization
PermissionsSwiftUI by default will automatically check for authorization status. It will only show permissions that are currently notDetermined
status. (iOS system prevent developers from asking denied permissions. Allowed permissions will also be ignored by PermissionsSwiftUI). If all permissions are allowed or denied, PermissionsSwiftUI will not show the modal or alert at all. To set auto check authorization, use the autoCheckAuthorization
parameter:
.JMModal(showModal: $showModal, for: [.camera], autoCheckAuthorization: false)
same applies for JMAlert
.JMAlert(showModal: $showModal, for: [.camera], autoCheckAuthorization: false)
Auto Dismiss
PermissionsSwiftUI by default will not have any auto dimiss behavior. You can override this behaviour to make it automatically dismiss the modal or alert after user allows the last permission item. (All permissions must be ALLOWED, if any is DENIED, it will not auto dismiss).
.JMModal(... autoDismiss: Bool) -> some View
Pass in true
or false
to select whether to automatically dismiss the view.
Customize Colors
Using PermissionSwiftUI's capabilities, developers and designers can customize all the UI colors with incredible flexibility. You can fully configure all color at all states with your custom colors.
To easily change the accent color:
.setAccentColor(to: Color(.sRGB, red: 56/255, green: 173/255,
blue: 169/255, opacity: 1))
To change the primary (default Apple blue) and tertiary (default Apple red) colors:
.setAccentColor(toPrimary: Color(.sRGB, red: 56/255, green: 173/255,
blue: 169/255, opacity: 1),
toTertiary: Color(.systemPink))
⚠️ .setAccentColor()
and.setAllowButtonColor()
should never be used at the same time.
To unleash the full customization of all button colors under all states, you need to pass in the AllButtonColors
struct:
.setAllowButtonColor(to: .init(buttonIdle: ButtonColor(foregroundColor: Color,
backgroundColor: Color),
buttonAllowed: ButtonColor(foregroundColor: Color,
backgroundColor: Color),
buttonDenied: ButtonColor(foregroundColor: Color,
backgroundColor: Color)))
For more information regarding the above method, reference the official documentation.
Restrict Dismissal
PermissionsSwiftUI will by default, prevent the user from dismissing the modal and alert, before all permissions have been interacted. This means if the user has not explictly denied or allowed EVERY permission shown, they will not be able to dismiss the PermissionsSwiftUI view. This restrict dismissal behavior can be overriden by the var restrictModalDismissal: Bool
or var restrictAlertDismissal: Bool
properties. To disable the default restrict dismiss behavior:
.JMModal(showModal: $show, for permissions: [.camera], restrictDismissal: false)
You can also configure with the model:
let model: PermissionStore = {
var model = PermissionStore()
model.permissions = [.camera]
model.restrictModalDismissal = false
model.restrictAlertDismissal = false
return model
}
......
.JMModal(showModal: $showModal, forModel: model)
Configuring Health Permissions
Unlike all the other permissions, the configuration for health permission is a little different. Because Apple require developers to explictly set read and write types, PermissionsSwiftUI greatly simplifies the process.
HKAccess
The structure HKAccess is required when initalizing health permission’s enum associated values. It encapsulates the read and write type permissions for the health permission.
To set read and write health types (activeEnergyBurned
is used as example here):
let healthTypes = Set([HKSampleType.quantityType(forIdentifier: .activeEnergyBurned)!])
.JMModal(showModal: $show, for: [.health(categories: .init(readAndWrite: healthTypes))])
//Same exact syntax for JMAlert styles
.JMAlert(showModal: $show, for: [.health(categories: .init(readAndWrite: healthTypes))])
To set read or write individually:
let readTypes = Set([HKSampleType.quantityType(forIdentifier: .activeEnergyBurned)!])
let writeTypes = Set([HKSampleType.quantityType(forIdentifier: .appleStandTime)!])
.JMModal(showModal: $showModal, for: [.health(categories: .init(read: readTypes, write: writeTypes))])
You may also set only read or write type:
let readTypes = Set([HKSampleType.quantityType(forIdentifier: .activeEnergyBurned)!])
.JMModal(showModal: $showModal, for: [.health(categories: .init(read: readTypes))])
📖
Cheatsheat
Modifiers
Customize overall accent color:
setAccentColor(to:)
setAccentColor(toPrimary:toTertiary:)
Customize title:
changeHeaderTo(_:)
Customize top description:
changeHeaderDescriptionTo(_:)
Customize bottom description:
changeBottomDescriptionTo(_:)
Customize each permission's displayed text & image:
setPermissionComponent(for:image:title:description:)
setPermissionComponent(for:title:)
setPermissionComponent(for:description:)
Customize allow
button's colors:
setAllowButtonColor(to:)
Automatically dismiss after last
autoDismiss: Bool
JMModal
and JMAlert
Parameters of Check authorization before showing modal or alert
autoCheckAuthorization: Bool
Prevent dismissing before all permissions interacted
restrictDismissal: Bool
Do something right before view appear
onAppear: () -> Void
Do something right before view disappear
onDisappear: (() -> Void
🧰
Supported Permissions
Here is a list of all the permissions PermissionsSwiftUI supports. Yup, even the newest tracking
permission for iOS 14 so you can stay on top of your game. All permissions in PermissionsSwiftUI come with a default name, description, and a stunning Apple native SF Symbols icon.
Support for FaceID permission is work in progress and coming soon! If you don't find a permission you need, open an issue. Even better, build it yourself and open a pull request, you can follow this step-by-step guide on adding new permissions.
💪
Contribute
Contributions are welcome here for coders and non-coders alike. No matter what your skill level is, you can for certain contribute to PermissionSwiftUI's open source community. Please read contributing.md before starting, and if you are looking to contributing a new type of iOS permission, be sure to read this step-by-step guide.
If you encounter ANY issue, have ANY concerns, or ANY comments, please do NOT hesitate to let me know. Open a discussion, issue, or email me. As a developer, I feel you when you don't understand something in the codebase. I try to comment and document as best as I can, but if you happen to encounter any issues, I will be happy to assist in any way I can.
Additional Information
Acknowledgement
SPPermissions is in large a SwiftUI remake of famous Swift library SPPermissions by @verabeis. SPPermissions was initially created in 2017, and today on GitHub has over 4000 stars. PermissionsSwiftUI aims to deliver a just as beautiful and powerful library in SwiftUI. If you star ★
my project PermissionsSwiftUI, be sure to checkout the original project SPPermissions where I borrowed the UI Design, some parts of README.md page, and important source code references along the way.
License
PermissionsSwiftUI is created by Jingwen (Jevon) Mao and licensed under the MIT License