如何在 Flutter 中实现这个设计

Question

我想在页面滑块中设计类别视图 我的类别是从 API 中获取的

Answer 1

您可以使用 GridView 小部件。您可以创建 Card 小部件列表并将它们传递给 GridView 进行显示。

例如：

GridView.count(
  crossAxisCount: 4, // number column
  children: List.generate(8, (index) {
    return Card(
      child: Center(
        child: Text(
          'Card ${index+1}',
          style: TextStyle(fontSize: 20.0),
        ),
      ),
    );
  }),
);

在上面的代码中，我们使用 GridView.count 创建了一个有 4 列的网格。在儿童中，我们创建了 8 个 Card 小部件并将它们传递给显示。每张卡片都包含一个居中的文本。您可以自定义 Card 和 Text 属性以满足您的需要。我希望这有帮助。