用于显示单个二维码的组件
用于显示单个二维码的组件。
说明
该组件从API Version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
接口
QRCode(value: string)
从API version 9开始，该接口支持在ArkTS卡片中使用。
参数:
参数名 | 参数类型 | 必填 | 参数描述 |
|---|---|---|---|
value | string | 是 | 二维码内容字符串。最大支持256个字符，若超出，则截取前256个字符。 说明： 该字符串内容确保有效，不支持null、undefined以及空内容。 |
属性
除支持通用属性外，还支持以下属性。
名称 | 参数类型 | 描述 |
|---|---|---|
color | 设置二维码颜色。 默认值：Color.Black 从API version 9开始，该接口支持在ArkTS卡片中使用。 | |
backgroundColor | 设置二维码背景颜色。 默认值：Color.White 从API version 9开始，该接口支持在ArkTS卡片中使用。 |
示例
- // 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)
- // 设置二维码颜色
- Text('color').fontSize(9).width('90%').fontColor(0xCCCCCC).fontSize(30)
- QRCode(this.value).color(0xF7CE00).width(200).height(200)
- // 设置二维码背景色
- 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 })
- }
- }
