1、描述

用于显示单个二维码的组件。

2、接口

QRCode(value:string)

3、参数

参数名	参数类型	必填	描述
value	string	是	二维码内容字符串。

4、属性

名称	参数类型	描述
color	ResourceColor	设置二维码颜色。默认值：Color.Black
backgroundColor	ResourceColor	设置二维码背景颜色。默认值：Color.White

5、事件

通用事件支持点击事件、触摸事件、挂载卸载事件。

6、示例

import router from '@ohos.router'

@Entry
@Component
struct QRCodePage {
  @State message: string = '用于显示单个二维码的组件。'
  @State code: string = "中软国际开发"

  build() {
    Row() {
      Scroll() {
        Column() {
          Text(this.message)
            .fontSize(20)
            .fontWeight(FontWeight.Bold)
            .width("96%")

          Blank(12)
          QRCode(this.code)
            .width(100)
            .height(100)

          Blank(12)
          QRCode(this.code)
            .width(100)
            .height(100)
            .color(Color.Red) // 设置二维码颜色
            .backgroundColor(Color.Green) // 设置二维码背景颜色

          Button("QRCode文本文档")
            .fontSize(20)
            .backgroundColor('#007DFF')
            .width('96%')
            .onClick(() => {
              // 处理点击事件逻辑
              router.pushUrl({
                url: "pages/baseComponent/qRCode/QRCodeDesc",
              })
            })
            .margin({ top: 20 })

        }
        .width('100%')
      }
    }
    .padding({ top: 12, bottom: 12 })
  }
}

7、效果图