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

[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

[Henry_Eta]

hi dear i need JoeDevPackageName.aix file for qrcode genarator

[Joejsanz]

@Henry_Eta

i need JoeDevPackageName.aix file for qrcode genarator

It's not needed to generate the QR code

• I was testing that extension and forgot to remove it from the project.

But do you need it?

[Henry_Eta]

please send for me

[Henry_Eta]

It doesn't generate the code when it's not there.

[Joejsanz]

@Henry_Eta

please send for me

joejsanz.joedevpackagename.aix (4.0 KB)

[Joejsanz]

@Henry_Eta

doesn't generate the code

You need to add this:

@Joejsanz

For the QrCode to work, you'll need to add the BarcodeScanner component, which comes built into App Inventor, to your design area.

• You'll find it in sensors.