如何根据颤动中的布局创建布局

Question

我有布局接口，我想实现扑扑的代码。请在下图所示的flutter界面中给我示例实现布局，如下图。请帮我。谢谢。

这是我的代码

Widget build(BuildContext context) {

    return new SafeArea(
        child: new Scaffold(
      appBar: AppBar(
        title: const Text('Riwayat'),
      ),
      body: Container(
              child: ListView.builder(
                  itemCount: content.length,
                  itemBuilder: (context, i) {
                    return new ListTile(
                      title: new Column(
                        children: <Widget>[
                          SizedBox(height: 12.0),
                          new Row(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: <Widget>[
                              new Expanded(
                                  child: new Column(
                                mainAxisAlignment: MainAxisAlignment.start,
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: <Widget>[
                                  new Text(
                                    'Transaksi',
                                    style: new TextStyle(
                                        fontSize: 14.0,
                                        color: Colors.black87,
                                        fontWeight: FontWeight.bold),
                                  ),
                                  new Text('12/12/2019'
                                    style: new TextStyle(
                                        fontSize: 12.0,
                                        color: Colors.black54,
                                        fontWeight: FontWeight.normal),
                                  ),
                                ],
                              )),
                            ],
                          ),
                          new Divider(),
                        ],
                      ),
                    );
                  })),
    ));
  }

此layout

Answer 1

您可以使用以下小部件在Flutter中构建基本布局：容器，行和列。

这里的链接将帮助您入门：

https://flutter.dev/docs/development/ui/layout