QR code generator with gradient background, bar gradient, image background, and icon.
For the QrCode to work, you'll need to add the BarcodeScanner component, which comes built into App Inventor, to your design area.
This is in order to integrate the library that comes with that component.
GenerateCode
Generate and save a QR code.
BackgroundGradient
Set gradient background colors and direction.
BarGradient
Set gradient colors for QR code bars and direction.
ResetBarGradient
Reset bar colors to solid color (no gradient).
ImageBackground
Set an image as background with opacity (0-100) and size percentage relative to QR (0-100).
Image can be from assets (prefix with 'asset://'), device storage (file path), or URL (http:// or https://).
ResetImageBackground
Reset to use gradient background instead of image.
ImageSaved
Triggered when QR code is successfully saved.
v1.0 July 07, 2025.
QrCode.aia (50.4 KB)
joejsanz.joedevqrcode.aix (15.0 KB)
JDK: 11
Minimum API Level: 21
Updated On: 2025-07-07T07:00:00Z
Built using: FAST v3.7.2-premium
I used the zxing library but removed it due to size conflicts, since there was a zxing library integrated with App Inventor, so I'm using the one that comes integrated with App Inventor. Barcode.jar
Thanks.