Onboarding Screen

1 Bottom navigation bar
2 Custom onboarding pages
3 Custom illustration views
4 UI customization

Bottom navigation bar

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

let customOnboardingNavigationBarBottomAdapter = CustomOnboardingNavigationBarBottomAdapter()

GiniBankConfiguration.shared.onboardingNavigationBarBottomAdapter = customOnboardingNavigationBarBottomAdapter

Custom onboarding pages

If you wish to show different onboarding pages, pass an array of OnboardingPage objects to GiniBankConfiguration.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 GiniBankConfiguration (for example, GiniBankConfiguration.shared.onboardingAlignCornersIllustrationAdapter). The reference documentation of GiniBankConfiguration lists all the properties.

UI customization

You can also view the UI customisation guide in Figma here.