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

Моя цель - сделать интерфейс, как показано ниже:

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")),
    );
  }
}