A G plugin for Yoga layout engine
npm install @antv/g-plugin-yoga支持 Yoga 排版引擎,使用 yoga-layout-prebuilt
参考以下实现:
-
-
创建插件并在渲染器中注册:
``js`
import { Plugin as PluginYoga } from '@antv/g-plugin-yoga';
renderer.registerPlugin(new PluginYoga());
声明一个使用 flex 布局的 Rect
`js
const container = new Rect({
style: {
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
width: 500,
height: 300,
},
});
container.appendChild(child1);
container.appendChild(child2);
``