user-interface - 网格视图元素在主屏幕上被裁剪?
问题描述
我的主屏幕上有一个可滚动的网格视图,其中包含几个容器。然而,这个网格视图由于它所包裹的容器的高度而被裁剪。容器是列的一部分,列是堆栈的一部分。
解决方案
采用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();
}
推荐阅读
- python-3.x - MacOS BigSur 上的 Pyinstaller 无法构建基本的 PyQt5 应用程序
- flutter - 获取地图上的特定点以获取地点选择器中的位置
- pandas - 我应该加入功能和目标数据框以与 scikit-learn 一起使用吗?
- javascript - Sequelize:findOne 中的 SQL 注入?
- components - 如何在苗条组件的标签之间使用文本?
- python - Flutter GCP 物联网核心
- mysql - MySQL 会用 WHERE name=name 等琐碎条件优化查询吗?
- python - 附加 excel 文件会出错并损坏文件
- angular - 电子邮件正则表达式模式使我的反应式表单崩溃
- java - 如何将多个 API 方法的参数传递给 ViewModel