Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 如何在颤振中实现配置驱动的布局?_Flutter_Flutter Layout - Fatal编程技术网

Flutter 如何在颤振中实现配置驱动的布局?

Flutter 如何在颤振中实现配置驱动的布局?,flutter,flutter-layout,Flutter,Flutter Layout,我是新手,所以想知道我们如何才能做到这一点。其思想是通过在应用程序启动/导航之前获取相应的JSON,在任何给定页面上呈现动态布局。这可以在React/React Native中完成,因为它允许根据键值映射(字符串键到组件)动态加载组件 JSON是嵌套的,最好是这种JS格式 { component: { widget_name: 'Page1' // Should map to predefined widget name Page1 in my Flutter code data: {

我是新手,所以想知道我们如何才能做到这一点。其思想是通过在应用程序启动/导航之前获取相应的JSON,在任何给定页面上呈现动态布局。这可以在React/React Native中完成,因为它允许根据键值映射(字符串键到组件)动态加载组件

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,
    ]
  }
}
您可以使用门户进行理解。将json和模型名称复制粘贴到此处。然后可以生成省道模型文件


谢谢你的回答。Dart模型会存在于代码中,没错。但是如何用这个模型映射我的数据,以便我可以根据我的配置更改布局呢?我的配置将具有应用程序和数据的布局结构。然后,我将在dart代码中构建一个解析器来读取这个布局结构,并将小部件名称映射到相应的小部件组件。