📖
AppKickstarter docs
  • Get Started
    • Get started
    • Initialize third parties
    • Project organization
    • Application initialization
  • Tech things
    • Multi modules Architecture
    • Dependency injection
    • Library management
    • Secrets and Build Config
    • Backend as an implementation detail
  • Tutorials
    • Add a login page
    • Add a screen with tab bars
    • Add a settings screen
    • Display an In-App Changelog for a new published version
    • Update localizations
    • Update theme
    • Customize onboarding
    • Setup your paywall
    • Setup your first notifications
    • Format dates and save on database
    • Using a Different Backend Instead of Firebase
    • Make an infinite list with pagination
  • Features
    • Onboarding
    • Authentication
    • Firebase support
    • Offline support
    • Monetization
    • Whats new feature
    • Navigation in AppKickstarter
    • Theme
    • UI Kit
    • Dates management
    • Platform specific
    • Offline cache
    • Translations
    • Analytics
    • User management
    • Logger
    • Platform utilities
    • Maps and locations
    • Secured AI Backend Proxy
    • Settings
    • Application monitoring
    • Notifications
  • UI Kit
    • Adaptive
    • Advanced Components
    • Animated Components
    • Badges
    • Buttons
    • Cards
    • Containers
    • Dialogs
    • EmptyStates
    • Icons
    • Images
    • Lists
    • Modals
    • Tabs
    • Texts
    • Text fields
    • Toasts
    • Toggles
  • Other
    • Known issues
Powered by GitBook
On this page
  • Customize existing pre-built pager
  • Custom onboarding

Was this helpful?

  1. Tutorials

Customize onboarding

Customize existing pre-built pager

In OnboardingScreenContent you can change allSwipeDatas which is a list of OnboardingSwipeUniquePageData:

OnboardingSwipeUniquePageData(
    imageId = SharedRes.images.idea,
    titleText = SharedRes.strings.launch,
    subtitleText = SharedRes.strings.battle_tested_template,
    buttonText = SharedRes.strings.next,
)

Here you can customize image id which is an image resource, you can too customize texts with localizations.

Custom onboarding

Onboarding by default in AppKickstarter is displayed just once at startup.

If you want to have something different than the pager but keep the "only displayed at startup" feature, then you can just add your screens and flow such as :

OnboardingScreen1 : navigator.push(OnboardingScreen2)

OnboardingScreen2: navigator.push(OnboardingScreen3)

...

OnboardingScreenLatest: 

val screenModel: OnboardingScreenModel = getScreenModel()
screenModel.setOnboardingSeen()
PreviousUpdate themeNextSetup your paywall

Last updated 1 year ago

Was this helpful?