# @flare-engine/react 中文文档

规范地址：https://npmcn.com/package/%40flare-engine/react/

版本：0\.4\.12
npm 元数据更新时间：2026-11-12T19:45:38.612Z
中文译文更新时间：2026-11-14T21:36:00.767Z
软件包许可：Apache-2\.0

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

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

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

- 包体积（解压后）：274 kB，12 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- Node.js 要求：\>=20
- 运行依赖：9 个
- peer 依赖：react \>=19\.0\.0，react-native \>=0\.79\.0，canvaskit-wasm \>=0\.40\.0，react-native-web \>=0\.20\.0，react-native-worklets \>=0\.7\.0，react-native-reanimated \>=4\.0\.0，@shopify/react-native-skia \>=2\.0\.0，react-native-safe-area-context \>=4\.0\.0
- 首次发布：2026-06-09T16:19:44.035Z
- 最新版本发布：2026-11-12T19:45:38.260Z
- 近 30 天下载量：2557（2026-10-15 至 2026-11-13，npm 官方下载统计）
- 已发布版本数：17（近 12 个月 17 个）

## 中文简介

GameView, 钩子, 虚拟Joystick, 虚拟按钮

## 安装

```sh
npm install @flare-engine/react
```

也可以使用：`pnpm add @flare-engine/react`、`yarn add @flare-engine/react`、`bun add @flare-engine/react`

## README

# @flare-engine/反应

反应土著融合—— `<GameView>` (Skia Canvas + 游戏循环 + 输入),, `<VirtualJoystick>` 编号 : `<VirtualButton>` 编号 : `<LoadingScreen>` 叠接, `useGame` 编号 : `useEntity` 编号 : `useGameLoop` 钩子. `createSkiaFrameRenderer` 调整一个 `@flare-engine/render` `Renderer` 给Skia的回电.

## 安装

```sh
bun add @flare-engine/react @shopify/react-native-skia react-native-reanimated react-native-worklets react-native-safe-area-context
```

端点 : `react` ( , `react-native` (>=0.79), `@shopify/react-native-skia` (>=2), `react-native-reanimated` (>=4), `react-native-worklets` (>=0.7), `react-native-safe-area-context` (>=四. `react-native-reanimated`, (中文(简体) ), `react-native-worklets` 财务报告和审定财务报表 `react-native-safe-area-context` 均为所有输入值 `<GameView>` ——一个没有其中任何一个的项目未能在运行时解决.

> **需要新建筑.** 重命名为 4 的 New-Architecture , 所以使用 `<GameView>` 必须运行与 `newArchEnabled=true`在实践中,这没有付出任何代价——实际上,这是 RN自 0.76 起的默认 `@flare-engine/create` 模板标出 Expo SDK 的响应 土著强迫它。 旧建筑支持被故意丢入 [ADR-0002 (韩语)](https://github.com/grzott/flare-engine/blob/main/docs/design/adr-0002-worklets-migration-and-new-arch-floor.md)数字 : 上一个 `>=3.19.1` 地板承诺了没有脚手架模板能产生的东西,所以它是 永远无法核实.

## 使用量

```tsx
import React from 'react';
import {
  GameView,
  VirtualJoystick,
  useGameLoop,
  type GameContextValue,
} from '@flare-engine/react';

function HUD() {
  useGameLoop((_dt) => {
    // per-frame logic here
  });
  return null;
}

function bootstrap(_ctx: GameContextValue): void {
  // initialise scenes, load assets, etc.
}

export function App() {
  return (
    <GameView
      config={{ fixedDt: 1 / 60 }}
      onReady={(ctx) => bootstrap(ctx)}
    >
      <HUD />
      <VirtualJoystick onStateChange={(_state) => {}} />
    </GameView>
  );
}
```

见 [API 规格](https://github.com/grzott/flare-engine/blob/main/docs/design/api-specs.md#flare-enginereact--10kb-gzip)。 。 。 .

## 许可证

阿帕奇 - 2.0

## 常见问题

### @flare-engine/react 是什么？

GameView, 钩子, 虚拟Joystick, 虚拟按钮

### 如何安装 @flare-engine/react？

在项目目录运行 npm install @flare-engine/react，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（\>=19\.0\.0）、react-native（\>=0\.79\.0）、react-native-worklets（\>=0\.7\.0）、react-native-reanimated（\>=4\.0\.0）、@shopify/react-native-skia（\>=2\.0\.0）、react-native-safe-area-context（\>=4\.0\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @flare-engine/react 支持 TypeScript 吗？

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

### @flare-engine/react 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @flare-engine/react 需要什么版本的 Node\.js？

package\.json 的 engines 字段要求 Node\.js \>=20。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

### @flare-engine/react 可以商用吗？

@flare-engine/react 使用 Apache-2\.0 许可。宽松许可：允许商业使用、修改和再分发，并附带明确的专利授权；分发时需保留许可与 NOTICE 文件，修改过的文件要注明改动。以上为概括，不构成法律意见，请以许可原文为准。

### @flare-engine/react 的下载量有多少？

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

### @flare-engine/react 还在维护吗？

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