Onboarding Screen

Owned by Nadzeya Karaban
Jun 20, 2024
1 min read

Bottom navigation bar

You can inject your own view for the bottom navigation bar if you set GiniConfiguration.shared.bottomNavigationBarEnabled to true and pass a custom OnboardingNavigationBarBottomAdapter implementation to GiniConfiguration.shared.onboardingNavigationBarBottomAdapter:

let customOnboardingNavigationBarBottomAdapter = CustomOnboardingNavigationBarBottomAdapter() GiniConfiguration.shared.onboardingNavigationBarBottomAdapter = customOnboardingNavigationBarBottomAdapter

Custom onboarding pages

If you wish to show different onboarding pages, pass an array of OnboardingPage objects to GiniConfiguration.shared.customOnboardingPages.

Custom illustration views

You can inject your own views for the illustrations. For example, if you want to animate the illustrations on the onboarding pages, implement the OnboardingIllustrationAdapter protocol to inject a view that can animate images (for example, Lottie) and pass it to the relevant onboarding illustration adapter property when customising the GiniConfiguration (for example, GiniConfiguration.shared.onboardingAlignCornersIllustrationAdapter). The reference documentation of GiniConfiguration lists all the properties.

UI Customisation