制作某种具有多行的行生成器并将 JSON 数据传递给它的最佳方法是什么。扑

Question

在 Flutter 中实现这种每个单元格都有自定义宽度并且我可以将 JSON 数据传递到其中的布局的最佳方法是什么？我尝试使用 ListView 和 GridView，但是 none 它们都有效。

谢谢！

Answer 1

您可以使用Wrap

Widget build(BuildContext context) {
    var data = [
      {'name': 'UK'},
      {'name': 'Banker'},
      {'name': '29'},
      {'name': 'Atheist'},
      {'name': 'Graduated'},
      {'name': '175 cm'},
      {'name': 'tx'}
    ];
    return Scaffold(
        body: Center(
            child: Wrap(
                alignment: WrapAlignment.center,
                spacing: 8.0, // gap between adjacent chips
                runSpacing: 4.0, // gap between lines
                children: data
                    .map((e) => Chip(
                          avatar: Icon(
                            Icons.account_balance,
                            size: 18,
                          ),
                          label: Text(e['name']),
                        ))
                    .toList())));
  }