necolas/react-native-web

这是什么？

核心功能

• 01通过 React DOM 在浏览器中渲染 View、Text 等 React Native 组件。
• 02提供 React Native API 的 Web 实现。
• 03一套代码可同时面向 iOS、Android 和 Web。
• 04以 monorepo 方式管理，每个包都有独立的构建、开发和测试命令。

适用场景

• 在 React Native 移动应用和 React Web 应用之间共享 UI 组件。
• 为已有的 React Native 项目增加 Web 版本。
• 构建可同时运行于原生和 Web 端的跨平台设计系统。

快速上手

1. 1

   为所有包运行开发脚本

   npm run dev
2. 2

   为所有包运行构建脚本

   npm run build
3. 3

   为所有包运行测试

   npm run test

使用前须知

• !本 README 仅介绍 monorepo 的开发任务,未提供面向最终用户的安装或使用说明。

标签

常见问题

react-native-web 是什么？

让 React Native 组件和 API 能在浏览器中通过 React DOM 渲染的跨平台库。 React Native for Web 让 React Native 组件和 API 可以在浏览器中运行，同一套 UI 代码即可同时面向 iOS、Android 和 Web。它将 View、Text 等 React Native 基础组件映射为 React DOM 元素，并提供 React Native API 的 Web 实现。

react-native-web 可以免费使用吗？用的什么许可证？

react-native-web 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

react-native-web 还在维护吗？

活跃维护中。react-native-web 最近一次提交是在 2026年10月20日。

react-native-web 适合用来做什么？

在 React Native 移动应用和 React Web 应用之间共享 UI 组件。 为已有的 React Native 项目增加 Web 版本。 构建可同时运行于原生和 Web 端的跨平台设计系统。

react-native-web 怎么安装和运行？

为所有包运行开发脚本: npm run dev 为所有包运行构建脚本: npm run build 为所有包运行测试: npm run test

在哪里获取 react-native-web？

源代码和安装说明在 GitHub 上：https://github.com/necolas/react-native-web