# @builder\.io/react-native-render-html 中文文档

规范地址：https://npmcn.com/package/%40builder.io/react-native-render-html/

版本：6\.3\.4
npm 元数据更新时间：2026-09-09T09:17:14.630Z
中文译文更新时间：2026-11-08T19:01:37.887Z
软件包许可：BSD-2-Clause

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

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

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

- 包体积（解压后）：778 kB，421 个文件
- 模块格式：CommonJS
- TypeScript 类型：包内自带
- 运行依赖：9 个
- peer 依赖：react \*，react-native \*
- 首次发布：2024-06-26T18:56:49.934Z
- 最新版本发布：2024-06-26T18:56:50.215Z
- 近 30 天下载量：29473（2026-10-09 至 2026-11-07，npm 官方下载统计）
- 已发布版本数：1（近 12 个月 0 个）

## 中文简介

用于 React Industrial 的可黑客,全版开源 HTML 渲染解决方案.

## 安装

```sh
npm install @builder.io/react-native-render-html
```

也可以使用：`pnpm add @builder.io/react-native-render-html`、`yarn add @builder.io/react-native-render-html`、`bun add @builder.io/react-native-render-html`

## README

![platforms](https://img.shields.io/badge/platforms-Android%20%7C%20iOS%20%7C%20MacOs%20%7C%20Windows-brightgreen.svg?colorB=191A17) [![runs with expo](https://img.shields.io/badge/Runs%20with%20Expo-000.svg?style=flat&logo=EXPO&labelColor=ffffff&logoColor=000)](https://github.com/expo/expo)

[![npm](https://img.shields.io/npm/v/react-native-render-html/latest)](https://www.npmjs.com/package/react-native-render-html) [![npm](https://img.shields.io/npm/v/react-native-render-html/next)](https://www.npmjs.com/package/react-native-render-html) [![npm](https://img.shields.io/npm/dm/react-native-render-html.svg?colorB=007ec6)](https://www.npmjs.com/package/react-native-render-html)

[![](https://img.shields.io/codecov/c/gh/meliorence/react-native-render-html)](https://codecov.io/gh/meliorence/react-native-render-html) [![](https://github.com/meliorence/react-native-render-html/workflows/CI/badge.svg?branch=master)](https://github.com/meliorence/react-native-render-html/actions?query=branch%3Amaster+workflow%3ACI) [![github issues](https://img.shields.io/github/issues/meliorence/react-native-render-html.svg)](https://github.com/meliorence/react-native-render-html/issues) [![](https://img.shields.io/badge/semver-2.0.0-e10079.svg)](https://semver.org/spec/v2.0.0.html)

[![](https://img.shields.io/discord/736906960041148476?label=discord)](https://discord.gg/dbEMMJM) [![Rate on Openbase](https://badges.openbase.com/js/rating/react-native-render-html.svg)](https://openbase.com/js/react-native-render-html?utm_source=embedded&utm_medium=badge&utm_campaign=rate-badge)

  

[![](https://github.com/meliorence/react-native-render-html/raw/master/assets/logo.svg)](https://meliorence.github.io/react-native-render-html/)

# 反应-内生-还原-html

依据 [托马斯·贝弗利](https://github.com/Thomas101)给他道具.

IOS/Android纯javascript 反应-内在组件,使您的 HTML 100% 本地视图 .

[![](https://github.com/meliorence/react-native-render-html/raw/master/assets/demo.gif)](https://meliorence.github.io/react-native-render-html/blog/2021/06/27/create-blog-app-rnrh-I)

### \* 释放

**铸币局(v6)的发行终于稳定了,现在开始按建议进行 版本.** [检查出来 **发布博客文章** 我们全新的 网站](https://meliorence.github.io/react-native-render-html/blog/2021/06/07/foundry-announcement)。 。 。 . 我们也有一个 [**移徙 指南**](https://meliorence.github.io/react-native-render-html/docs/migration-guide) 给那些从v5和下面来的人.

> : 警告: **你们在主干道上 这是最新发展的主干道.** 请检查date=中的日期值 (帮助) 版本.

| 次要 | 处 | 文档 | 最新 |
| --- | --- | --- | --- |
| 下一个 | 师傅 | \- 说吧 | [![npm](https://img.shields.io/npm/v/react-native-render-html/next)](https://npmcn.com/package/%40builder.io/react-native-render-html/#) |
| 第6.3条 | [联合国](https://github.com/meliorence/react-native-render-html/tree/release/6.3) | [官方网站](https://meliorence.github.io/react-native-render-html/) | [![npm](https://img.shields.io/npm/v/react-native-render-html/release/6.3)](https://npmcn.com/package/%40builder.io/react-native-render-html/#) |
| 5.1 联合国   | [第5.1号公报](https://github.com/meliorence/react-native-render-html/tree/release/5.1)   | [第5.1/README.md号新闻稿](https://github.com/meliorence/react-native-render-html/blob/release/5.1/README.md) | [![npm](https://img.shields.io/npm/v/react-native-render-html/release/5.1)](https://npmcn.com/package/%40builder.io/react-native-render-html/#) |
| 4.2 (中文(简体) )   | [发布/4.2](https://github.com/meliorence/react-native-render-html/tree/release/4.2)   | [发布/4.2/README.md](https://github.com/meliorence/react-native-render-html/blob/release/4.2/README.md) | [![npm](https://img.shields.io/npm/v/react-native-render-html/release/4.2)](https://npmcn.com/package/%40builder.io/react-native-render-html/#) |

## : 计算机: 安装

```bash
npm install react-native-render-html
```

```bash
yarn add react-native-render-html
```

## :快艇:基本用途

```jsx
import React from 'react';
import { useWindowDimensions } from 'react-native';
import RenderHtml from 'react-native-render-html';

const source = {
  html: `
<p style='text-align:center;'>
  Hello World!
</p>`
};

export default function App() {
  const { width } = useWindowDimensions();
  return (
    <RenderHtml
      contentWidth={width}
      source={source}
    />
  );
}
```

## : 蓝色 书:文档

看我们的 [官方网站 (简体中文)](https://meliorence.github.io/react-native-render-html/) 财务报告和审定财务报表 [官方发现App](https://expo.io/@jsamr/react-native-render-html-discovery)。 。 。 .

## : iphone: 示例

你喜欢学习榜样? 我们有一个教程 从中提取 GIF 演示: [带有回放原生 Render HTML 的无网络视频博客应用](https://meliorence.github.io/react-native-render-html/blog/2021/06/27/create-blog-app-rnrh-I)。 。 。 .

## : 注解:更改日志

这里有更改日志 : [软件包/交付-html/变换GELOG.md](https://github.com/meliorence/react-native-render-html/blob/master/packages/render-html/CHANGELOG.md)。 。 。 .

## : bulb: 帮助

请参考 [我们的专用文件](https://github.com/meliorence/react-native-render-html/blob/master/HELP.adoc)。 。 。 .

## 社区

你总是欢迎加入我们 [不和频道](https://discord.gg/dbEMMJM) (-) (中文(简体) ).

## : Pencil: 贡献

我们的退房 [贡献指南](https://github.com/meliorence/react-native-render-html/blob/master/CONTRIBUTING.adoc)。 。 。 .

-   您可以报告错误 [我们的问题跟踪器](https://github.com/meliorence/react-native-render-html/issues)· ;
-   我们处理特质请求 [在我们的Canny董事会](https://native-html.canny.io/features)。 。 。 .

## : 蓝色 心脏: 赞助

要支持这个项目 还是请我们来做一个特色? [看看这页](https://github.com/sponsors/jsamr)。 。 。 .

## : 平衡 尺度: 许可证

源代码根据BSD 2-Clause"简化"许可证获得许可.

## 常见问题

### @builder\.io/react-native-render-html 是什么？

用于 React Industrial 的可黑客,全版开源 HTML 渲染解决方案\.

### 如何安装 @builder\.io/react-native-render-html？

在项目目录运行 npm install @builder\.io/react-native-render-html，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（\*）、react-native（\*）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @builder\.io/react-native-render-html 支持 TypeScript 吗？

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

### @builder\.io/react-native-render-html 支持 ESM 还是 CommonJS？

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

### @builder\.io/react-native-render-html 可以商用吗？

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

### @builder\.io/react-native-render-html 的下载量有多少？

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

### @builder\.io/react-native-render-html 还在维护吗？

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