产品简介
react-native-qrcode-styled 这是一个 React Native 的二维码生成工具,支持完全自定义样式,包括颜色、渐变、形状和 logo。适合移动开发者为应用添加美观、个性化的二维码功能,解决传统二维码样式单一的问题。

核心功能
- 完全自定义二维码样式(颜色、渐变、形状等)
- 支持嵌入 logo 和背景图像
- 调整二维码 pieces 的角类型和大小
- 解决 Android 上 pieces 间隙问题
- 兼容 Expo 框架
快速开始
- 安装依赖:npm i react-native-svg react-native-qrcode-styled
- 导入组件:import QRCodeStyled from 'react-native-qrcode-styled'
- 使用组件:
界面预览


与其他方案对比
| 对比项 | react-native-qrcode-styled | 同类方案 |
|---|---|---|
| 样式定制性 | 支持颜色、渐变、形状、logo 等完全定制 | 通常只支持基本样式或有限定制 |
| 平台兼容性 | 支持 Android 和 iOS,并兼容 Expo | 可能只支持部分平台或无 Expo 兼容 |
适合谁用
- 需要为 React Native 应用生成自定义二维码的移动开发者
- 希望二维码样式匹配应用 UI 的设计师
- 在营销活动中需要个性化二维码的运营人员
下载与版本
当前最新版本为 v0.4.0,发布于 2025-08-27。支持 Windows、macOS、Linux。
⚠️ 注意:本项目仅提供源代码下载,不包含可直接运行的安装包(exe/dmg/apk 等。下载后需要自行编译构建才能使用,适合有一定开发经验的用户。如果你不熟悉编译流程,建议寻找同类开箱即用的替代方案。
注意事项
- 本工具仅供学习和研究使用,请遵守相关法律法规。
- 请尊重内容创作者版权,勿将下载内容用于商业或非法传播。
- 项目源码地址:https://github.com/tokkozhin/react-native-qrcode-styled