如何在 React Native 中创建修改二维码设计？答案

【问题标题】：How to create modify QR code design in react native?如何在 React Native 中创建修改二维码设计？
【发布时间】：2023-02-26 02:39:36
【问题描述】：

在我的本机反应应用程序中，我必须以自定义方式生成 QR 码。

我正在使用这个库生成二维码react-native-qrcode-svg，它运行良好。但设计无法达到要求。我正在努力实现这样的目标

<QRCode
  color={Colors.DARK_PURPLE}
  value={item.value}
  size={windowWidth - 140}
  backgroundColor={'transparent'}
  logo={{url: 'https://raw.githubusercontent.com/AboutReact/sampleresource/master/logosmalltransparen.png',}}
  logoSize={50}
  logoMargin={50}
/>

我可以更改设计风格并使其与rainbow 显示的相同吗？

我必须像那样制作二维码：-

目前我可以那样做：-

我可以按照我的要求修改设计吗，请有人帮助我

【问题讨论】：

标签： react-native qr-code

【解决方案1】：

您可以使用此第三方 api QR Moneky 生成酷炫的 QR 码。它有多种配置可供选择。

API 文档-https://www.qrcode-monkey.com/qr-code-api-with-logo/

【讨论】：

它是免费的吗？还是需要先订阅？
有没有可用的免费选项？
请不要只发布一些工具或库作为答案。至少在答案本身中展示how it solves the problem。

【解决方案2】：

您可以使用这个包react-native-qrcode-styled 并根据需要自定义它。

您可以添加彩虹渐变，添加徽标并自定义每个二维码。您也可以单独自定义角眼。

【讨论】：

请不要只发布一些工具或库作为答案。至少在答案本身中展示how it solves the problem。