什么是制作具有多行的某种行构建器并将JSON数据传递到其中的最佳方法。颤振

Question

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

谢谢！

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())));
  }