やりたいこと
Container
の中に GridView
があって、 GridView
内でスクロールするのではなく、 Container
全体をスクロールするようにする。
実装
GridView
のプロパティーに
physics: NeverScrollableScrollPhysics()
これを設定しておけばスクロールしなくなる
以下、サンプルコード
return Scaffold(
appBar: AppBar(
title: Text(
"sample",
),
),
body: SingleChildScrollView(
child: Container(
padding: EdgeInsets.all(10),
color: Theme.of(context).primaryColor,
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
mainAxisSize: MainAxisSize.max,
children: <Widget>[
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text("テスト1",),
Text("テスト2",),
],
),
GridView.count(
shrinkWrap: true,
primary: true,
padding: const EdgeInsets.all(1.0),
crossAxisCount: 4,
childAspectRatio: 0.85,
mainAxisSpacing: 1.0,
crossAxisSpacing: 1.0,
physics: NeverScrollableScrollPhysics(), //これをいれておくとGridView内でスクロールしなくなる
children: _sampleContainer(context),
),
],
),
),
),
);