用于顯示單個(gè)二維碼的組件

子組件

無(wú)

接口

QRCode(value: string)

從API version 9開始，該接口支持在ArkTS卡片中使用。

參數(shù):

屬性

除支持通用屬性外，還支持以下屬性。

事件

通用事件支持點(diǎn)擊事件、觸摸事件、掛載卸載事件。

示例

// xxx.ets
@Entry
@Component
struct QRCodeExample {
  private value: string = 'hello world'
  build() {
    Column({ space: 5 }) {
      Text('normal').fontSize(9).width('90%').fontColor(0xCCCCCC).fontSize(30)
      QRCode(this.value).width(200).height(200)

      // 設(shè)置二維碼顏色
      Text('color').fontSize(9).width('90%').fontColor(0xCCCCCC).fontSize(30)
      QRCode(this.value).color(0xF7CE00).width(200).height(200)

      // 設(shè)置二維碼背景色
      Text('backgroundColor').fontSize(9).width('90%').fontColor(0xCCCCCC).fontSize(30)
      QRCode(this.value).width(200).height(200).backgroundColor(Color.Orange)
    }.width('100%').margin({ top: 5 })
  }
}