react-native-gcprinter-js

This package is used in React native projects where only JavaScript is used without TypeScript. If TypeScript is used, please use "npm i react-native-gcprinter" This is a new React Native project, bootstrapped using @react-native-community/cli.

Getting Started

Note: Make sure you have completed the React Native - Environment Setup instructions till "Creating a new application" step, before proceeding.

Step 1: Installation

npm install react-native-gcprinter --save

or

yarn add react-native-gcprinter

Step 2: Add dependenceie

• modify app/build.gradle under the android project：

implementation project(':react-native-gcprinter')

Step 3: Add 'GcPrinterPackage' to MainApplication

import com.goodcom.react.GcPrinter.GcPrinterPackage;
...

        @Override
        protected List<ReactPackage> getPackages() {
            return Arrays.<ReactPackage>asList(
                    new MainReactPackage(),
                    new GcPrinterPackage()
            );

Step 4: Import in React-Native

import GcPrinter from 'react-native-gcprinter';
import { FontSize, AlignmentType, BarcodeType } from 'react-native-gcprinter/gcconstants';

API

Constants

FontSize : font size AlignmentType : Alignment Type BarcodeType : Barcode Type

Type	Sub type
FontSize	Default,Small,Medium,Big,DoubleHeight,DoubleWidth,SmallBold,MediumBold,BigBold,DoubleHeightBold,DoubleWidthBold
AlignmentType	Left,Center,Right
BarcodeType	barcodeUpca,barcodeUpce,barcodeEan8,barcodeEan13,barcodeCode128,barcodeCode39,barcodeCodeBar,barcodeItf,barcodeCode93,barcodeQrCode

Method

Method	Parameter	Return Type
drawText	strLeft, fontLeft, strMid, fontMid, strRight, fontRight	null
printText	isAutoFeed	null
drawLeftRight	strLeft, fontLeft, strRight, fontRight	null
drawCustom	string, fontSize, align	null
drawNewLine		null
drawOneLine	fontSize	null
drawOneLineDefault		null
drawBarcode	str, align, type	null
drawBarcodeWithHeight	string, align, type, height	null
drawQrCode	string, align	null
drawQrCodeWithHeight	string,align,height	null
isDeviceSupport		Promise<number>
printJson	json	null
printImageByBase64	base64, align, isAutoFeed	null
printImageByArray	byteArray, align, isAutoFeed	null

  /**
   * Draw text into memory, you can specify the position and font size of the printed text, and you can print the left, middle, and right text at the same line
   * You can continuously use drawText to draw all the contents into memory, and finally use printText to print the contents.
   */
  drawText: (strLeft, fontLeft, strMid, fontMid, strRight, fontRight) => {},
 /**
   * Start printing. Except for image printing, other APIs, such as drawText, just draw the printing content in the memory first, and the printing has not been started yet.
   * This method is to print out the printing content in the memory.Control whether to automatically feed paper through isAutoFeed
   */
  printText: (isAutoFeed) => {},
  /**
   * Draw text into memory, you can print left-aligned and right-aligned content at the same line. It needs to be printed using printText.
   */
  drawLeftRight: (strLeft, fontLeft, strRight, fontRight) => {},
  /**
   * Draw text content to memory, you can specify the size and position of the content. It needs to be printed using printText.
   */
  drawCustom: (string, fontSize, align) => {},
  /**
   * Draw a blank line, similar to a newline.
   */
  drawNewLine: () => {},
  /**
   * Draw a horizontal line, you can specify the thickness of the horizontal line by setting the font size.
   */
  drawOneLine: (fontSize) => {},
  /**
   * Draw a horizontal line, use the default font without specifying the font size
   */
  drawOneLineDefault: () => {},
  /**
   * Draw barcodes, including qrcode, you can specify the alignment position and barcode type of the barcode.
   */
  drawBarcode: (str, align, type) => {},
  /**
   * Draw barcodes, including qrcode, you can specify the alignment position and barcode type of the barcode.
   * The height of the barcode can be specified. No width parameter is required, the width is determined by the specific barcode
   */
  drawBarcodeWithHeight: (str, align, type, height) => {},
   /**
   * Draw qrcode,you can specify the alignment position of the qrcode.
   */
  drawQrCode: (string, align) => {};
  /**
   * Draw qrcode,you can specify the alignment position of the qrcode.
   * The height of the qrcode can be specified. No width parameter is required, the width is determined by the specific qrcode
   */
  drawQrCodeWithHeight: (string,align,height) => {};  
  /**
   * Check whether printing is supported. This method returns true only on goodcom printers. This method allows the app to distinguish printers from different manufacturers.
   */
  isDeviceSupport: () => Promise.resolve(''),
  /**
   * Print the content in json format, which will be parsed by the printer according to the template and formatted for printing
   */
  printJson: (json) => {},
  /**
   * Printing an image using base64 encoding, the Base64 string must start with "data:image/png;base64,"
   * You can set the alignment position of the printed image, and decide whether to automatically feed the paper after printing.
   * If you want to print the text after printing the image, the paper will not be automatically fed.
   */
  printImageByBase64: (base64, align, isAutoFeed) => {},