QrCode - QR code generator with gradient background, bar gradient, image background, and icon.

[Joejsanz]

QrCode
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.

---

LogoPath

Set the logo path for QR code.

You can add the logo from a URL, assets, and from the device's gallery using ImagePicker.

• LogoPath is set before calling GenerateCode.

---

LogoSize

Set the logo size as percentage of QR code (10-40%).

Default value without using this property: 20

---

SaveLocation

Set where to save the QR code.

Options: internal, downloads, pictures.

---

GenerateCode

Generate and save a QR code.

---

BackgroundGradient

Set gradient background colors and direction.

---

BarGradient

Set gradient colors for QR code bars and direction.

---

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://).

---

DeleteQRFile

Delete a generated QR code file.

You will need to enter the full path.

---

QRCodeDirectory

Get the directory where QR codes are stored.

---

ImageSaved

Triggered when QR code is successfully saved.

---

ErrorOccurred

Triggered when an error occurs during QR code generation.

---

v1.1 Nov 20, 2025.

• The following functions were removed: ResetBarGradient and ResetImageBackground.
• The GenerateCode function was modified: The logoPath parameter was removed and the LogoPath property was created separately.
• The following properties were also added: LogoSize and SaveLocation.
• The following functions were added: DeleteQRFile and GetQRCodeDirectory.

In Companion, LogoPath and imageName do not display the image with absolute paths; it is better to use ImagePicker for this to be displayed.

QrCode.aia (65.9 KB)

joejsanz.joedevqrcode.aix (25.8 KB)

---

JDK: 11
Minimum API Level: 21
Updated On: 2025-11-20T08:00:00Z

Built using: FAST v5.3.1-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.

[Joejsanz]

@Joejsanz

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

I have updated the aia and aix files, they now weigh much less

[Kent_Starup]

can i use make a list and textboxes with this one, so i can use entered text in the qr code?

[TIMAI2]

The maximum data capacity of a standard QR code depends on its version and error correction level, with the largest version (Version 40) capable of storing up to 7,089 numeric characters, 4,296 alphanumeric characters, or 2,953 bytes of binary data. This limit is equivalent to approximately 3 kilobytes (KB) of data.

QRcodes store text strings.

But it is not obvious what you mean by "make a list and textboxes" ?

[Kent_Starup]

Well something like this:

[TIMAI2]

Did you test it ?

[Kent_Starup]

yeah but i can not get anything to show in the image. Also tried just to use a textblock, but nothing work. (I have the barcode component in). How to show this in an image?

[TIMAI2]

That is not this extension! ( I will move these posts in a minute or two - now moved)

But you probably need to provide a path/filename in your logoPath ?

[Kent_Starup]

well the logopath is only a logo in the middle of the qr code, there should not be a logo in middle.
But what is the base64image?

[TIMAI2]

@Kent_Starup

But what is the base64image?

[Kent_Starup]

This one?

[Kent_Starup]

are there anyone who can make a demo of this extension, so i can see how to make an qr from text and show it directly in an image?

[SteveJG]

@Kent_Starup

are there anyone who can make a demo of this extension

Did you try the aia?

[Kent_Starup]

yeah but i dont know how to use it because i couldnt find the other extension there was used: JoeDevBase64.
I dont know how to put it together without that.

[Taifun]

@Kent_Starup

JoeDevBase64

It seems to be an unpublished extension
Let's ask the author @Joejsanz

Meanwhile try one of the many other base64 extensions, you can find them after doing a search here or in the extensions directory App Inventor Extensions | Pura Vida Apps

Taifun

[Joejsanz]

@Kent_Starup

JoeDevBase64

• I will publish the extension tonight.

---

• I also have an update for the QR code; I'll post the update tonight.

[Joejsanz]

Update v1.1

@Joejsanz

LogoPath

Set the logo path for QR code.

You can add the logo from a URL, assets, and from the device's gallery using ImagePicker.

• LogoPath is set before calling GenerateCode.

---

LogoSize

Set the logo size as percentage of QR code (10-40%).

Default value without using this property: 20

---

SaveLocation

Set where to save the QR code.

Options: internal, downloads, pictures.

---

GenerateCode

Generate and save a QR code.

---

BackgroundGradient

Set gradient background colors and direction.

---

DeleteQRFile

Delete a generated QR code file.

You will need to enter the full path.

---

QRCodeDirectory

Get the directory where QR codes are stored.

---

ErrorOccurred

Triggered when an error occurs during QR code generation.

---

v1.1 Nov 20, 2025.

• The following functions were removed: ResetBarGradient and ResetImageBackground.
• The GenerateCode function was modified: The logoPath parameter was removed and the LogoPath property was created separately.
• The following properties were also added: LogoSize and SaveLocation.
• The following functions were added: DeleteQRFile and GetQRCodeDirectory.

In Companion, LogoPath and imageName do not display the image with absolute paths; it is better to use ImagePicker for this to be displayed.

QrCode.aia (65.9 KB)

joejsanz.joedevqrcode.aix (25.8 KB)

[Joejsanz]

@Kent_Starup

i couldnt find the other extension there was used: JoeDevBase64.

Base64 - Decodes, manages, and deletes images stored in the application's internal storage

Base64 Decodes, manages, and deletes images stored in the application's internal storage. Base64ToImage Decodes a Base64 string and saves it as an image file. Returns the file path. [blocks (18)] Save the image as a file in the app's internal storage. Output format: "PNG", "JPG", "WEBP". SavedBase64Images Returns a list of Base64 image files saved in the app's internal storage. [blocks (19)] List all images saved in the application's internal storage. Filter by supported formats: PN…

[Taifun]

@Joejsanz thank you for the update
Concerning the helper blicks, these should follow the same naming conventions as we already have

PNG --> Png
QR_CODE --> QrCode

Taifun

[Taifun]

@Joejsanz

Set where to save the QR code.

Options: internal, downloads, pictures.

internal means App (also known as ASD - Application Specific Storage)?

Please use the correct folder names...
it is Download (without s), Pictures

Taifun