RN生成二维码react-native-qrcode-svg

dzqloveyou

于 2021-09-08 01:34:14 发布

阅读量1.3k

点赞数 1

分类专栏： app 文章标签： reactnative

本文链接：https://blog.csdn.net/dzqloveyou/article/details/120170698

版权

app 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何在React Native应用中使用react-native-qrcode-svg库，包括安装步骤、引入方式以及关键属性的详细配置，帮助开发者轻松实现二维码的动态生成和定制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

react-native-qrcode-svg

文档地址： https://www.npmjs.com/package/react-native-qrcode-svg.可以多看看文档，里面有很多属性，很详细。

1.安装：


yarn add react-native-svg react-native-qrcode-svg
或者
npm i -S react-native-svg react-native-qrcode-svg

2.引用


import QRCode from 'react-native-qrcode-svg';

3.使用

 <QRCode
    value={"这里就是二维码的内容"}//二维码内容
    // logo={logoImg}//中间logo
    logoBorderRadius={1}
    color={"#191919"}//二维码颜色
    backgroundColor={"#ffffff"}//背景色
    logoSize={rpx(408)}//中间logo大小
    size={rpx(408)}//二维码宽高
  />
  //还有更多属性可以查看文档说明