React Native（React Native） | RiveCN

📄️ React Native

🚀 新版 Rive React Native 运行时现已可用！基于 Nitro 构建，性能更优，React Native 集成更好。

⚠️ 弃用通知：本页面全部内容记录的是旧版动画播放系统。对于新项目：请改用状态机。对于现有项目：请尽快规划从直接动画控制迁移到状态机。此内容仅供旧版支持参考。

有关在 Rive 编辑器中创建画板的更多信息，请参阅画板。

有关在 Rive 编辑器中设计和构建状态机的更多信息，请参阅状态机概述。

在接触运行时数据绑定 API 之前，重要的是先熟悉概述中介绍的核心概念。

适配模式

在大多数情况下，.riv 文件应该能快速加载，您不需要自己管理 RiveFile。但如果您打算在应用的多个部分中使用同一个 .riv 文件，甚至在同一个屏幕上使用，那么加载文件一次并将其保留在内存中可能是有利的。

如果您想动态替换图像，请使用图像数据绑定。

要了解如何在 Rive 文件中添加音频，请参见音频事件。

在运行时替换字体

⚠️ 弃用通知：本页面全部内容记录的是旧版输入系统。对于新项目：请改用数据绑定。对于现有项目：请尽快规划从输入迁移到数据绑定。此内容仅供旧版支持参考。

⚠️ 弃用通知：本页面全部内容记录的是旧版事件系统。对于新项目：请改用数据绑定。对于现有项目：请尽快规划从事件迁移到数据绑定。此内容仅供旧版支持参考。

⚠️ 弃用通知：本页面全部内容记录的是旧版文本操作系统。对于新项目：请改用数据绑定。对于现有项目：请尽快规划从直接文本运行操作迁移到数据绑定。

新版运行时（推荐）

新版运行时（推荐）

新版运行时（推荐）

此页面仅适用于新版运行时——不适用于旧版运行时。

要在 Expo 中使用 Rive，您需要安装 Rive React Native 包。

⚠️ ⚠️ 高级配置

迁移到 v0.4.0+