Onboarding Screen

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

Bottom navigation bar

You can inject your own view for the bottom navigation bar if you set GiniBank.setCaptureConfiguration(CaptureConfiguration(bottomNavigationBarEnabled = )) to true and pass a custom OnboardingNavigationBarBottomAdapter implementation to GiniBank:

let customOnboardingNavigationBarBottomAdapter:OnboardingNavigationBarBottomAdapter = CustomOnboardingNavigationBarBottomAdapter();

GiniBank.setCaptureConfiguration(
    CaptureConfiguration(
        onboardingNavigationBarBottomAdapter = customOnboardingNavigationBarBottomAdapter
    )
)

Custom onboarding pages

If you wish to show different onboarding pages, pass a list of OnboardingPage objects to GiniBank.setCaptureConfiguration(CaptureConfiguration(onboardingPages = )).

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 interface to inject a view that can animate images (for example, Lottie) and pass it to the relevant onboarding illustration adapter setters (for example, onboardingAlignCornersIllustrationAdapter) when configuring GiniBank. The reference documentation of CaptureConfiguration lists all the setters.

UI customisation

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