Custom UI for the Android MRZ Scanner Module with Jetpack Compose
Overview
The Scanbot SDK now supports a customizable MRZ scanner composable that you can use to build your own MRZ scanner screen using Jetpack Compose. It provides a UI for MRZ scanning with guidance overlays and a camera preview.
The MrzScannerCustomUI provides fully customizable camera controls and features with encapsulated scanning logic.
Adding the feature as a dependency
implementation("io.scanbot:sdk-mrz-assets:$latestSdkVersion")
implementation("io.scanbot:sdk-package-2:$latestVersion")
implementation("io.scanbot:rtu-ui-v2-bundle:$latestSdkVersion") // To use compose components
Integration
MrzScannerCustomUIprovides fully customizable camera controls and features with encapsulated scanning logic.
Take a look at the mrz-scanner example app to see how to integrate the scanner and the compose-example to see how to build a custom UI using the compose components.
To implement the MRZ Scanner using composables, you need to create a composable layout with MrzScannerCustomUI:
loading...
To control the scanning process and camera params, use mutable states and pass them to the MrzScannerCustomUI composable:
loading...
Additionally, you can customize the finder overlay by passing your FinderOverlayConfiguration to the finderConfiguration parameter of the MrzScannerCustomUI composable:
loading...
Want to scan longer than one minute?
Generate a free trial license to test the Scanbot SDK thoroughly.
Get free trial licenseScanbot SDK is part of the Apryse SDK product family
A mobile scan is just the start. With Apryse SDKs, you can expand mobile workflows into full cross‑platform document processing. Whether you need to edit PDFs, add secure digital signatures, or use a fast, customizable document viewer and editor, Apryse gives you the tools to build powerful features quickly.
Learn more
