网格视图元素在主屏幕上被裁剪了吗?
Grid View elements are getting cropped on home Screen?
我的主屏幕上有一个可滚动的网格视图,其中包含几个容器。然而,由于包裹它的容器的高度,这个网格视图正在被裁剪。容器是列的一部分,列是堆栈的一部分。
使用Expanded
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
SizedBox(height: 20),
Text(
"Hello,",
style: TextStyle(
fontFamily: "Netflix",
fontWeight: FontWeight.w600,
fontSize: 32,
letterSpacing: 0.27,
color: Color(0xFFFF8C3B).withOpacity(0.7),
),
),
SizedBox(height: 4),
name(context),
SizedBox(height: 40),
Text(
"Home",
style: TextStyle(
fontFamily: "Netflix",
fontWeight: FontWeight.w600,
fontSize: 35,
letterSpacing: 0.27,
color: Color(0xFFFF8C3B),
),
),
SizedBox(height: 15),
Expanded( //TODO: Use Expanded here
child: GridView.builder(
itemCount: homeList.length,
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2, mainAxisSpacing: 20,
),
itemBuilder: (ctx, i) {
return GestureDetector(
onTap: () {
if (i == 0) {
_interstitialAd.show();
} else if (i == 1) {
FlutterPollfish.instance.show();
} else if (i == 2) {
sendInvite();
}
我的主屏幕上有一个可滚动的网格视图,其中包含几个容器。然而,由于包裹它的容器的高度,这个网格视图正在被裁剪。容器是列的一部分,列是堆栈的一部分。
使用Expanded
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
SizedBox(height: 20),
Text(
"Hello,",
style: TextStyle(
fontFamily: "Netflix",
fontWeight: FontWeight.w600,
fontSize: 32,
letterSpacing: 0.27,
color: Color(0xFFFF8C3B).withOpacity(0.7),
),
),
SizedBox(height: 4),
name(context),
SizedBox(height: 40),
Text(
"Home",
style: TextStyle(
fontFamily: "Netflix",
fontWeight: FontWeight.w600,
fontSize: 35,
letterSpacing: 0.27,
color: Color(0xFFFF8C3B),
),
),
SizedBox(height: 15),
Expanded( //TODO: Use Expanded here
child: GridView.builder(
itemCount: homeList.length,
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2, mainAxisSpacing: 20,
),
itemBuilder: (ctx, i) {
return GestureDetector(
onTap: () {
if (i == 0) {
_interstitialAd.show();
} else if (i == 1) {
FlutterPollfish.instance.show();
} else if (i == 2) {
sendInvite();
}