制作某种具有多行的行构建器并将 JSON 数据传递给其中的最佳方法是啥。扑

Posted 2023-02-23

【中文标题】制作某种具有多行的行构建器并将 JSON 数据传递给其中的最佳方法是啥。扑

【英文标题】：What is the best way to make some kind of a row builder with multiple lines and pass JSON data into it. Flutter制作某种具有多行的行构建器并将 JSON 数据传递给其中的最佳方法是什么。扑

【发布时间】：2020-09-06 00:41:28

【问题描述】：

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

谢谢！

【参考方案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())));