# @adrianso/react-native-barcode-builder 中文文档

规范地址：https://npmcn.com/package/%40adrianso/react-native-barcode-builder/

版本：1\.0\.13
npm 元数据更新时间：2024-12-20T01:33:08.201Z
中文译文更新时间：2026-11-06T15:17:18.957Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40adrianso/react-native-barcode-builder
原文对照：https://npmcn.com/package/%40adrianso/react-native-barcode-builder/?lang=original
项目主页：https://github.com/adrianso/react-native-barcode-builder#readme
源码仓库：https://github.com/adrianso/react-native-barcode-builder

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：20.4 kB，8 个文件
- 模块格式：CommonJS
- TypeScript 类型：包内自带
- 运行依赖：1 个
- peer 依赖：react \>=16\.8\.1，react-native \>=0\.60\.0 \<1\.0\.x，react-native-svg \>= 13\.2\.0
- 首次发布：2020-02-16T21:57:05.999Z
- 最新版本发布：2024-12-20T01:33:07.996Z
- 近 30 天下载量：2927（2026-10-05 至 2026-11-03，npm 官方下载统计）
- 已发布版本数：8（近 12 个月 0 个）

## 中文简介

反应原生组件生成条码.

## 安装

```sh
npm install @adrianso/react-native-barcode-builder
```

也可以使用：`pnpm add @adrianso/react-native-barcode-builder`、`yarn add @adrianso/react-native-barcode-builder`、`bun add @adrianso/react-native-barcode-builder`

## README

# @adrianso/ 反应本地化- 条码创建器

反应原生组件生成条码.

用途 [Js 条码](https://github.com/lindell/JsBarcode) 用于数据编码.

用途 [@ react-native-community/ react-native-svg (英语)](https://github.com/react-native-community/react-native-svg) 改为 [@ react-native-community/art (英语)](https://github.com/react-native-community/art)。 。 。 .

## 开始

### 步骤1

安装 `@adrianso/react-native-barcode-builder` 和依附关系:

```
npm install @adrianso/react-native-barcode-builder react-native-svg
```

或者说

```
yarn add @adrianso/react-native-barcode-builder react-native-svg
```

### 步骤2

开始使用组件

```javascript
import Barcode from '@adrianso/react-native-barcode-builder';

<Barcode value="Hello World" format="CODE128" />;
```

或者可以引用条码ToSvg函数将任何条码转换为和SVG字符串

```javascript
import { barcodeToSvg } from '@adrianso/react-native-barcode-builder';

const svg = barcodeToSvg({
  value: 'Hello world!',
});

/* svg will now have the following value
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 167 100" preserveAspectRatio="xMinYMin slice">
        <path d="M0,0h2v100h-2z M3,0h1v100h-1z M6,0h1v100h-1z M11,0h2v100h-2z M16,0h1v100h-1z M18,0h1v100h-1z M22,0h1v100h-1z M24,0h2v100h-2z M28,0h1v100h-1z M33,0h2v100h-2z M37,0h1v100h-1z M39,0h1v100h-1z M44,0h2v100h-2z M48,0h1v100h-1z M50,0h1v100h-1z M55,0h1v100h-1z M59,0h4v100h-4z M64,0h1v100h-1z M66,0h2v100h-2z M69,0h2v100h-2z M73,0h2v100h-2z M77,0h3v100h-3z M81,0h1v100h-1z M85,0h2v100h-2z M88,0h1v100h-1z M92,0h4v100h-4z M97,0h1v100h-1z M99,0h1v100h-1z M102,0h1v100h-1z M105,0h4v100h-4z M110,0h2v100h-2z M114,0h1v100h-1z M116,0h1v100h-1z M121,0h1v100h-1z M126,0h1v100h-1z M129,0h2v100h-2z M132,0h2v100h-2z M136,0h2v100h-2z M139,0h2v100h-2z M143,0h3v100h-3z M147,0h1v100h-1z M151,0h2v100h-2z M154,0h2v100h-2z M159,0h3v100h-3z M163,0h1v100h-1z M165,0h2v100h-2z" fill="#000000"/>
      </svg>
*/
```

您可以在 [JsBarcode 读取器](https://github.com/lindell/JsBarcode#supported-barcodes)。 。 。 .

![](https://npmcn.com/package/%40adrianso/react-native-barcode-builder/images/example.png)

## 属性

| 财产 | 说明 |
| --- | --- |
| `value` | 条码代表什么(需要). |
| `format` | 要使用的条码类型( 默认: CODE128) . |
| `width` | 单行宽度( 默认: 2) |
| `height` | 条码高度( 默认: 100) |
| `text` | 覆盖显示的文本. |
| `lineColor` | 条和文字的颜色( 默认 : # 000000) |
| `background` | 条码的背景颜色( 默认: #ffffff) |
| `onError` | 处理所选格式的无效条码 |

## 常见问题

### @adrianso/react-native-barcode-builder 是什么？

反应原生组件生成条码\.

### 如何安装 @adrianso/react-native-barcode-builder？

在项目目录运行 npm install @adrianso/react-native-barcode-builder，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（\>=16\.8\.1）、react-native（\>=0\.60\.0 \<1\.0\.x）、react-native-svg（\>= 13\.2\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @adrianso/react-native-barcode-builder 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @adrianso/react-native-barcode-builder 支持 ESM 还是 CommonJS？

以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。

### @adrianso/react-native-barcode-builder 可以商用吗？

@adrianso/react-native-barcode-builder 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @adrianso/react-native-barcode-builder 的下载量有多少？

根据 npm 官方下载统计，@adrianso/react-native-barcode-builder 在 2026/10/05 – 2026/11/03 这 30 天内被下载 2,927 次，日均约 98 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @adrianso/react-native-barcode-builder 还在维护吗？

最新版本 1\.0\.13 发布于 2024/12/20（1\.9 年前）；至今共发布 8 个版本，其中过去 12 个月发布了 0 个；首次发布于 2020/02/17。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。