lwz0316/dynamic_widget_builder

dynamic_widget_builder

Parser

https://github.com/dengyin2000/dynamic_widget

Already completed widgets

• Container Widget
• Text Widget
• TextSpan
• TextStyle
• RaisedButton Widget
• Row Widget
• Column Widget
• AssetImage Widget
• NetworkImage Widget
• FileImage Widget
• Placeholder Widget
• GridView Widget
• ListView Widget
• PageView Widget
• Expanded Widget
• Padding Widget
• Center Widget
• Align Widget
• AspectRatio Widget
• FittedBox Widget
• Baseline Widget
• Stack Widget
• Positioned Widget
• IndexedStack Widget
• ExpandedSizedBox Widget
• SizedBox Widget
• Opacity Widget
• Wrap Widget
• ClipRRect Widget
• SafeArea Widget
• ListTile Widget

Example

Complex example

test/test.ts

Simple example

const test = Stack({
    children: [
        Align({
            alignment: Alignment.center,
            child: Column({
                children: [
                    Container({
                        constraints: BoxConstraints({
                            minHeight: 200,
                            maxHeight: 500
                        }),
                        padding: EdgeInsets.symmetric({vertical: 8, horizontal: 16}),
                        child: Text('hello world', {
                            style: TextStyle({
                                color: Color(0xff123456),
                                fontWeight: FontWeight.bold,
                                fontStyle: FontStyle.italic,
                            }),
                        }),
                    }),
                  Row({
                      children: [
                          Text('hello world'),
                          Text('hello world')
                      ]
                  })
                ]
            }),
        }),
    ]
});

console.log(JSON.stringify(test.build(), null, 2));

OUTPUT

{
  "type": "Stack",
  "children": [
    {
      "type": "Align",
      "child": {
        "type": "Column",
        "children": [
          {
            "type": "Container",
            "child": {
              "type": "Text",
              "data": "hello world",
              "style": {
                "color": 4279383126,
                "fontStyle": "italic",
                "fontWeight": "bold"
              }
            },
            "padding": "16,8,16,8",
            "constraints": {
              "minHeight": 200,
              "maxHeight": 500
            }
          },
          {
            "type": "Row",
            "children": [
              {
                "type": "Text",
                "data": "hello world"
              },
              {
                "type": "Text",
                "data": "hello world"
              }
            ]
          }
        ]
      },
      "alignment": "center"
    }
  ]
}