ionic-team / ionic-team/capacitor-barcode-scanner

feat: Allow UI Customization

Open
#12 0 comments 5 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
64
Forks
47
Avg merge
1h 55m
Merged PRs (30d)
1

Description

**Description:**
I am requesting an enhancement for the @capacitor/barcode-scanner plugin to support UI customization, allowing developers to overlay web content on the camera view while scanning.

**Current Behavior:**
The current implementation of the @capacitor/barcode-scanner plugin launches a new activity (on Android) or a new view controller (on iOS) dedicated to barcode scanning. This approach restricts the ability to customize the WebView's user interface during the scanning process, as the user is taken out of the main web-based context into a separate native interface.

**Requested Feature:**
I propose adding support to the plugin to allow the camera view to be rendered behind the WebView. This would enable developers to customize the UI by overlaying HTML/CSS elements on top of the camera feed, providing a seamless and integrated user experience within the existing web-based UI.

**Sample:**
![ImportedPhoto_1716864256651](https://github.com/ionic-team/capacitor-barcode-scanner/assets/139832404/202c44a0-4e31-4454-af7b-ce1f0a8838bc)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.