Het maken van een qr code in Flutter is heel eenvoudig. Je kunt het qrCode pakket gebruiken uit de Dart pub repository.
Voeg eerst de volgende dependency toe aan je project’s pubspec.yaml bestand:
dependencies: qrCode: “^0.12”
Vervolgens, importeer je de qrCode in het pakket in je Dart code:
import ‘package:qrCode/qrCode.dart’;
Nu kun je een qr code maken door de qrCode.createQRCode() methode aan te roepen. De volgende code snippet maakt een qr code die de tekst “Hello, world!” bevat:
qrCode.createQRCode(
“Hello, world!”,
Voorbeeld van de tekst om te coderen:
new QRCodeFormat().withVersion(QRCodeFormat.VECTOR),
Voorbeeld van het formaat van de qr code:
new BarcodeHeight(),
De hoogte van de qr-code in pixels.new BarcodeWidth(),
De breedte van de qr-code in pixels.
Wat voor codering gebruik je om de Flutter qr code in de webpagina te weergeven?
Het qrCode element weergeeft de qr code weer als een afbeelding. Je kunt optioneel de breedte en hoogte van de qr code opgeven.
Je kunt ook het volgende JavaScript gebruiken om een qr code te maken:
new qrcode(document.getElementById(“qrcode”) “https://“)
Met wat meer opties:
var qrcode = new qrcode(document.getElementById(“qrcode-2”)
Text: “https://”,
Width: 128
Height: 128
Color Dark: “#000000”,
Color Light:”#ffffff”, Correct Level: Qrcode.CorrectLevel.H
Je kunt ook het uiterlijk van de Flutter qr code bepalen door verschillende eigenschappen in te stellen. Zo kun je bijvoorbeeld de voorgrond en achtergrondkleuren instellen, en zo kan je ook de grootte en vorm aanpassen.
Je kunt ook het niveau van foutcorrectie opgeven dat je wilt gebruiken. De volgende code stelt het niveau van foutcorrectie in op hoog:
qrCode.setLevelOfErrorCorrection(QRCodeFormat.HIGH);
Flutter is een krachtig mobiel ontwikkelplatform waarmee je snel mooie gebruikersinterfaces kunt bouwen. Je kunt het qrCode pakket uit de Dart pub repository gebruiken om qr codes te maken die tekst, afbeeldingen, of websiteadressen bevatten. De qr code wordt weergegeven als een afbeelding waarvan je optioneel de breedte en hoogte kunt opgeven. Je kunt ook het uiterlijk van de qr code bepalen door verschillende eigenschappen in te stellen. Het niveau van foutcorrectie dat u wilt gebruiken is ook configureerbaar.
Wil je meer weten over Flutter? Lees dan ons volgende artikel: https://brixxs.com/faq/waarom-flutter-app-ontwikkeling-gebruiken/