React Native Requires Chilkat v11.7.0+

Generate a QR Code with the Barcode Method

See more QR Code Examples

Demonstrates the Barcode method, which is the general form of QrCode: the request names the symbology, and everything else is the same. QrCode is Barcode with the symbology already set to qr, and identical requests to the two methods give identical results. A program that will produce more than one kind of barcode can use Barcode for all of them. React Native

import { Formats, JsonObject } from '@chilkat/react-native'

function chilkatExample() {
  // This example requires the Chilkat API to have been previously unlocked.
  // See Global Unlock Sample for sample code.

  const json = new JsonObject();
  json.updateString('symbology', 'qr');
  json.updateString('payload.text', 'https://www.chilkatsoft.com/');
  json.updateString('output.path', 'qa_output/qr_from_barcode.png');
  json.updateBool('output.overwrite', true);
  json.updateString('output.return', 'none');

  const fmt = new Formats();
  const jsonOut = new JsonObject();
  try {
    fmt.barcode('generate', json, jsonOut);
  } catch {
    console.log(fmt.lastErrorText);
    return;
  }

  console.log(`symbology: ${jsonOut.stringOf('symbols[0].symbology')}`);
  console.log(`QR version: ${jsonOut.intOf('symbols[0].selectedEncoding.version')}`);
  console.log(`image: ${jsonOut.intOf('outputs[0].width')} x ${jsonOut.intOf('outputs[0].height')} pixels`);

  // The image written to qa_output/qr_from_barcode.png:

  // 

  // Barcode requires the symbology.  QrCode does not.
  const json2 = new JsonObject();
  json2.updateString('payload.text', 'https://www.chilkatsoft.com/');
  try {
    fmt.barcode('generate', json2, jsonOut);
  } catch {
    console.log(`without a symbology: ${jsonOut.stringOf('errors[0].code')} at ${jsonOut.stringOf('errors[0].path')}`);
  }

  // Sample output:

  // symbology: qr
  // QR version: 3
  // image: 148 x 148 pixels
  // without a symbology: missingOption at /symbology
}