ReactorUMG is a helper plugin for Unreal Engine that lets you build UMG game UI and editor UI using React.
npm install reactorumgReactorUMG 是一个运行在 Unreal Engine + puerts 环境中的 React 渲染器,利用 react-reconciler 将 JSX/TSX 直接转成原生 UMG Widget,帮助你用熟悉的前端范式构建游戏 UI 和编辑器工具界面。
react-reconciler 驱动,底层通过原生 UE.UMGManager 创建、更新、销毁 Widget。div/section/article/form、button、input、textarea、select、img、progress、style,支持 className/id/属性选择器。components.js)。 标签注册全局样式。UE.UMGManager(通常由原生插件或 ReactorUIWidget 提供)。react-reconciler ^0.28(已在 package.json 声明)。bash
npm install reactorumg
或将编译后的脚本放入 Content/JavaScript 供 puerts 加载
`快速上手
`ts
import React from 'react';
import { ReactorUMG, CanvasPanel, Button, TextBlock } from 'reactorumg';export function mount(widget: UE.UserWidget) {
const root = ReactorUMG.render(
widget.WidgetTree,
Hello ReactorUMG
);
return () => ReactorUMG.release(root);
}
`样式与布局
- div/语义化标签默认使用 flex 布局;style.display='grid' 启用 CSS Grid;style.position='relative' 触发 overlay;CanvasPanel 适合绝对定位;WrapBox 支持自动换行。
- 支持 className、id、属性选择器与