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