Concentric Onboarding
iOS library for a walkthrough or onboarding flow with tap actions written with SwiftUI
We are a development agency building phenomenal apps.
Usage
- Create
View
's descendant class for your pages. - Create at least two pages and fill them with content.
- Create an array of colors (same number as pages).
- Create ConcentricOnboardingView and place it in your view hierarchy.
struct ContentView: View {
var body: some View {
return ConcentricOnboardingView(pages: <your_pages>, bgColors: <your_colors>)
}
}
- Pass duration as an argument if you want animation to be faster/slower
ConcentricOnboardingView(pages: <your_pages>, bgColors: <your_colors>, duration: 2.0)
Public interface
currentPageIndex
- read only property to check what page index you are currently on
goToNextPage(animated: Bool = true)
- call this method manually if you need to
goToPreviousPage(animated: Bool = true)
- call this method manually if you need to
Assignable closures
animationWillBegin
- called before animation starts
animationDidEnd
- called after animation ends
didGoToLastPage
- called after animation leading to last page ends
insteadOfCyclingToFirstPage
- replaces default navigation to first page after pressing next on last page
insteadOfCyclingToLastPage
- replaces default navigation to last page after pressing prev on first page while navigating backwards
didPressNextButton
- replaces default button action with user's custom closure
Examples
To try ConcentricOnboarding examples:
- Clone the repo
https://github.com/exyte/ConcentricOnboarding.git
- Open terminal and run
cd <ConcentricOnboardingRepo>/Example/
- Run
pod install
to install all dependencies - Run open
ConcentricOnboardingExample.xcworkspace/
to open project in the Xcode - Try it!
Installation
CocoaPods
To install ConcentricOnboarding
, simply add the following line to your Podfile:
pod 'ConcentricOnboarding'
Carthage
To integrate ConcentricOnboarding
into your Xcode project using Carthage, specify it in your Cartfile
github "Exyte/ConcentricOnboarding"
Manually
Drop ConcentricOnboardingView.swift in your project.
Requirements
- iOS 13+
- Xcode 11+
Acknowledgements
Many thanks to Cuberto team for the design idea and inspiration.