Ready-to-Use UI for the React Native VIN Scanner Module
Overview
With the Scanbot SDK's Ready-To-Use UI Components (RTU UI), you can integrate scanning functionalities into your app with only a few lines of code. This way, you benefit from tried-and-true UX design and straightforward integration while still being able to customize the visual appearance to match your brand.
Launching the scanner
You can start the VIN Scanner with minimal code.
loading...
Changing the visuals to suit your needs
The RTU UI comes with several configuration options for quickly adapting its visual appearance.
Palette
With the RTU UI's palette feature, you can change the components' colors to match your brand design.
loading...
Localization
With the RTU UI's localization feature, you can easily change the strings displayed on buttons, labels and text fields, e.g., for translating them into another language.
loading...
Introduction Screen
The Introduction Screen guides the user by providing an overview on how to use the scanner effectively. You can configure this screen according to your needs, and can also set a custom text and an image that suits your use case.
loading...
User guidance
Text elements like the on-screen user guidance can be adapted in form and color.
loading...
Top bar
You can choose how to display the top bar in your app: hidden, solid or gradient.
loading...
Finder overlay
You can change the finder overlay's color, dimensions, and user guidance text.
loading...
Action bar
The RTU UI's action bar component includes flashlight and zoom buttons, which you can freely customize or hide.
loading...
Scanning
The following is an example to configure some of the general and behavioral settings to tailor the overall scanning experience.
loading...
Want to scan longer than one minute?
Generate a free trial license to test the Scanbot SDK thoroughly.
Get free trial license