模板版本：v0.2.2

[!TIP] Github 地址

安装与使用

进入到工程目录并输入以下命令：

npm

npm install @tuya-oh/react-native-qrcode-svg

yarn

yarn add @tuya-oh/react-native-qrcode-svg

下面的代码展示了这个库的基本使用场景：

[!WARNING] 使用时 import 的库名不变。 [!TIP] 当报错信息为Property 'TextEncoder' doesn't exist解决方案

import {  Text, View } from "react-native";
import QRCode from 'react-native-qrcode-svg';

export const SvgDemo = () => {
    return (
        <View style={{ flex: 1, backgroundColor: '#FFFFFF' }}>
            <QRCode
                size={300}
              
                value="http://awesome.link.qr"
            />
        </View>
    )
}

Link

本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-svg 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。

如未引入请参照@react-native-oh-tpl/react-native-svg-capi 文档的 Link 章节进行引入

约束与限制

兼容性

在以下版本验证通过

1.RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE：DevEco Studio 5.0.3.400; ROM：3.0.0.25;

属性

[!TIP] "Platform"列表示该属性在原三方库上支持的平台。

[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。

| Name | Description | Type | Required | Platform | HarmonyOS Support | | ---------------------- | ------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- | | size | 二维码尺寸大小 | number | No | iOS,Android | yes | | value | 二维码的字符串值 | string | yes | iOS,Android | yes | | color | 二维码颜色 | string | No | iOS,Android | yes | | backgroundColor | 二维码背景色 | string | No | iOS,Android | yes | | enableLinearGradient | 是否启用二维码背景色渐变 | boolean | No | iOS,Android | yes | | linearGradient | 二维码背景色渐变值 | string[] | No | iOS,Android | yes | | gradientDirection | 线性渐变方向 | string | No | iOS,Android | yes | | logo | 二维码中的logo | object | No | iOS,Android | yes | | logoSize | logo的尺寸大小 | number | No | iOS,Android | yes | | logoBackgroundColor | logo框的背景色 | string | No | iOS,Android | yes | | logoMargin | logo和logo框的外边距 | number | No | iOS,Android | yes | | logoBorderRadius | logo的圆角尺寸 | number | No | iOS | yes | | quietZone | 二维码的内边距 | number | No | iOS,Android | yes | | getRef | 获取二维码对象以手动调用 | callback | No | iOS,Android | yes | | ecl | 二维码的纠错级别 | string | No | iOS,Android | yes | | onError(error) | 二维码渲染报错的回调 | callback | No | iOS,Android | yes |

遗留问题

其他

开源协议

本项目基于 The MIT License (MIT) ，请自由地享受和参与开源。