gridview - Flutter - 如何调整 GridView 单元格的大小

Question

我想调整 GridView 单元格(绿色区域)的大小。下面是我的代码。

GridView.builder(
      controller: ScrollController(keepScrollOffset: true),
      shrinkWrap: true,
      scrollDirection: Axis.horizontal,
      itemCount: 20,
      itemBuilder: (BuildContext context, int index) {
        return Container(
          width: 200.0,
          height: 300.0,
          color: Colors.green,
          margin: EdgeInsets.all(10.0),
        );
      }, 
      gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 1),
    );
  }

我的目标是使 UI 如下所示:

Answer 1

要重新创建图片中的应用程序，您可能需要查看 PageView小部件。

这是一个示例应用程序:

import 'package:flutter/material.dart';

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: SafeArea(child: PageView.builder(itemBuilder: _buildPage)),
      ),
    );
  }

  Widget _buildPage(BuildContext context, int index) {
    return Container(
      margin: EdgeInsets.all(50.0),
      color: Colors.green,
      child: Center(child: Text("$index")),
    );
  }
}