使用颤振获得这种设计布局的最佳方法是什么？答案

【问题标题】：What's the best way to get this design layout using flutter?使用颤振获得这种设计布局的最佳方法是什么？
【发布时间】：2021-04-19 03:20:55
【问题描述】：

Layout

在 Flutter 中获得这种布局的最佳方式或方法是什么？

【问题讨论】：

标签： flutter flutter-layout

【解决方案1】：

通过使用 Chip 和 Wrap 小部件：

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
    home: MyApp(),
  ));
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Chip"),
      ),
      body: Wrap(
        children: [
          Chip(
            label: Text("test"),
          ),
          Chip(
            label: Text("test"),
          ),
          Chip(
            label: Text("test"),
          ),
          Chip(
            label: Text("test"),
          ),
          Chip(
            label: Text("test"),
          ),
          Chip(
            label: Text("test"),
          ),
          Chip(
            label: Text("test"),
          ),
          Chip(
            label: Text("test"),
          ),
          Chip(
            label: Text("test"),
          ),
        ]
      ),
    );
  }
}

【讨论】：

如果有效，请标记为答案，谢谢！

【解决方案2】：

您可以使用filter_list 包过滤您的数据并实现您想要的设计

样本结果：

【讨论】：