Skip to main content
Version: v3

QRCODE

Start from API_LEVEL 2.0 . Please refer to API_LEVEL.

The QRCODE widget consists of a QR code and a background (white).

qrcode_sample

Create UI widget

import { createWidget, widget } from '@zos/ui'

const qrcode = createWidget(widget.QRCODE, Param)

Type

Param: object

PropertiesDescriptionRequiredRequiredVersion
contentQR code contentYESstring-
xQR Code x CoordinateYESnumber-
yQR Code y CoordinateYESnumber-
wQR code widthYESnumber-
hQR code heightYESnumber-
bg_xBackground x coordinatesNOnumber-
bg_yBackground y coordinatesNOnumber-
bg_wBackground widthNOnumber-
bg_hBackground heightNOnumber-
bg_radiusBackground area rounding radiusNOnumber2.1

Code example

import { createWidget, widget } from '@zos/ui'

Page({
build() {
const qrcode = createWidget(widget.QRCODE, {
content: 'Hello Zepp OS',
x: 140,
y: 140,
w: 200,
h: 200,
bg_x: 120,
bg_y: 120,
bg_w: 240,
bg_h: 240
})
}
})