React Native Requires Chilkat v11.7.0+

Generate a QR Code PNG in Memory

See more QR Code Examples

Demonstrates getting a QR code image without writing a file. With no output options the result is a PNG returned as base64 in outputs[0].base64 of the response. The example decodes it into a BinData, which holds the bytes of the PNG to send in an HTTP response, store in a database, attach to an email, or save. React Native

import { BinData, 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('payload.text', 'https://www.chilkatsoft.com/');
  json.updateInt('render.moduleSize', 6);

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

  console.log(`format: ${jsonOut.stringOf('outputs[0].format')}`);
  console.log(`MIME type: ${jsonOut.stringOf('outputs[0].mimeType')}`);
  console.log(`image: ${jsonOut.intOf('outputs[0].width')} x ${jsonOut.intOf('outputs[0].height')} pixels`);

  // outputs[0].base64 is the PNG file, base64 encoded.
  const bdPng = new BinData();
  try {
    bdPng.appendEncoded(jsonOut.stringOf('outputs[0].base64'), 'base64');
  } catch {
    console.log(bdPng.lastErrorText);
    return;
  }

  console.log(`PNG bytes: ${bdPng.numBytes}`);

  // The BinData holds the image.  Here it is simply saved.
  try {
    bdPng.writeFile('qa_output/qr_in_memory.png');
  } catch {
    console.log(bdPng.lastErrorText);
    return;
  }

  // The PNG held in bdPng:

  // 

  // Sample output:

  // format: png
  // MIME type: image/png
  // image: 222 x 222 pixels
  // PNG bytes: 877
}