如何在Flutter中实现配置驱动的布局？

Question

我是Flutter的新手，所以想知道我们如何实现这一目标。这个想法是通过在应用程序开始时/导航之前获取其对应的JSON来在任何给定页面上呈现动态布局。这可以在React / React Native中完成，因为它允许根据键值映射（字符串到Component）动态加载组件。

JSON是嵌套的，最好是这种JS格式，

{
component: {
  widget_name: 'Page1' // Should map to predefined widget name Page1 in my Flutter code
  data: {
    title: 'Something',
    ...
  }
  styles: {
   paddings: 4,
   ... 
  },
  children: {
    row: [
      ...same structure as parent,
      ...same structure as parent,
    ]
  }
}

Answer 1

您可以使用json to dart门户网站进行了解。将您的json和模型名称复制粘贴到此处。然后，您可以生成飞镖模型文件。