指南

    资料

    # # 模板格式 一个动态模板可以看做是Widget树的JSON表示。 ## # 节点说明 每一个Widget节点有三个关键内容： - 组件名称className - 参数Positional Arguments，简称pa - 命名参数Named Arguments，简称na ## # 样例 下面这段代码，是一个动态组件，代表一个300x300的红色正方形，内部嵌套了一个文本标签。 模板格式 - 图1 
    1. {
    2.   "className": "Center",
    3.   "na": {
    4.     "child": {
    5.       "className": "Container",
    6.       "na": {
    7.         "child": {
    8.           "className": "Text",
    9.           "pa": [
    10.             "嵌套动态组件"
    11.           ],
    12.           "na": {
    13.             "style": {
    14.               "className": "TextStyle",
    15.               "na": {
    16.                 "fontSize": 30,
    17.                 "color": "#(Colors.yellow)"
    18.               }
    19.             }
    20.           }
    21.         },
    22.         "alignment": "#(Alignment.center)",
    23.         "margin": {
    24.           "className": "EdgeInsets.only",
    25.           "na": {
    26.             "top": 30,
    27.             "bottom": 30
    28.           }
    29.         },
    30.         "color": "#(Colors.redAccent)",
    31.         "width": 300,
    32.         "height": 300
    33.       }
    34.     }
    35.   }
    36. }
    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 ← Counting计数器 编写组件映射表 →