React（React） | RiveCN - Rive 中文站

📄️ 动画播放

⚠️ 已弃用：请在运行时使用状态机代替直接动画播放

选择画板

播放状态机

数据绑定允许你将代码与 Rive 编辑器中绑定的元素连接起来。通过使用 View Model，你可以在编辑器中定义可绑定属性，然后在运行时通过 React Hook 读取和写入这些属性的值。

Fit 模式

useRiveFile Hook 旨在组件内初始化和管理 RiveFile 实例。它根据提供的源参数（URL 或 ArrayBuffer）设置 RiveFile，并确保在组件卸载或输入变化时进行适当的清理，以避免内存泄漏。

概述

概述

切换字体

⚠️ 已弃用：请使用数据绑定代替输入来控制 Rive 动画

⚠️ 已弃用：请使用数据绑定代替事件

⚠️ 已弃用：请使用数据绑定代替运行时直接操作文本运行

Rive 基于 WASM 的运行时需要加载 Web Assembly 文件。预加载 WASM 可以显著提升性能。

概述

从 @rive-app/react-webgl 迁移到 @rive-app/react-webgl2

在 React 中使用 Rive 的性能和使用注意事项。

Rive React API。

在 React 中渲染和控制 Rive 文件。