NXDOM

Nxdom Framework

Nusantara eXtreme Development Object Model — dokumentasi resmi

QRCode — generator kode QR

Komponen QRCodeGenerator dari NexaJS merender kode QR dari string value dengan ukuran dan warna dapat diatur. Layar demo menempatkannya di tengah dengan judul dan teks deskripsi; prop navigasi route tersedia untuk membaca parameter rute bila Anda perlu mengisi nilai QR secara dinamis.

Alur penggunaan di aplikasi

  1. Pendaftaran route — "NxQRCode" di MenuComponents (judul: "QRCode"). URL dokumentasi tetap /docs/platform/react/qrcode.
  2. Navigasi — navigation.navigate("NxQRCode") atau dengan params sesuai kebutuhan. MenuComponents.
  3. Render — View terpusat berisi QRCodeGenerator statis pada referensi (nilai tetap "NexaJS Framework").

Cuplikan cepat

import { View, Text, StyleSheet, QRCodeGenerator } from "NexaJS"; export default function Screen({ route }) { const teks = route?.params?.payload ?? "https://contoh.com"; return ( <View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}> <Text style={{ marginBottom: 16 }}>Pindai kode</Text> <QRCodeGenerator value={teks} size={200} color="black" backgroundColor="white" /> </View> ); }

Properti pada demo

  • value — string yang dikodekan.
  • size — lebar/tinggi persegi (px logis).
  • color — warna modul gelap.
  • backgroundColor — latar terang.

Praktik yang disarankan

  • Pastikan panjang value masih nyaman untuk kapasitas QR (URL pendek atau deep link).
  • Uji pindai di perangkat nyata dengan kontras cukup.