Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
User interface 网格视图元素在主屏幕上被裁剪?_User Interface_Flutter_Gridview_Dart_User Experience - Fatal编程技术网

User interface 网格视图元素在主屏幕上被裁剪?

User interface 网格视图元素在主屏幕上被裁剪?,user-interface,flutter,gridview,dart,user-experience,User Interface,Flutter,Gridview,Dart,User Experience,我的主屏幕上有一个可滚动的网格视图,它由几个容器组成。但是,由于包裹该栅格视图的容器的高度,该栅格视图将被裁剪。容器是列的一部分,列是堆栈的一部分 使用扩展的 Column( crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[ SizedBox(height: 20), Text( "Hello,", style: TextStyle

我的主屏幕上有一个可滚动的网格视图,它由几个容器组成。但是,由于包裹该栅格视图的容器的高度,该栅格视图将被裁剪。容器是列的一部分,列是堆栈的一部分

使用扩展的

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();
                }
列(
crossAxisAlignment:crossAxisAlignment.start,
儿童:[
尺寸箱(高度:20),
正文(
“你好,”,
样式:TextStyle(
fontFamily:“Netflix”,
fontWeight:fontWeight.w600,
字体大小:32,
字母间距:0.27,
颜色:颜色(0xFFFF8C3B)。不透明度(0.7),
),
),
尺寸箱(高度:4),
姓名(上下文),
尺寸箱(高度:40),
正文(
“家”,
样式:TextStyle(
fontFamily:“Netflix”,
fontWeight:fontWeight.w600,
尺码:35,
字母间距:0.27,
颜色:颜色(0xFFFF8C3B),
),
),
尺寸箱(高度:15),
扩展(//TODO:在此处使用扩展
子项:GridView.builder(
itemCount:homeList.length,
gridDelegate:SliverGridDelegateWithFixedCrossAxisCount(
交叉轴计数:2,主轴间距:20,
),
项目生成器:(ctx,i){
返回手势检测器(
onTap:(){
如果(i==0){
_间质显示();
}else如果(i==1){
flatterpollfish.instance.show();
}else如果(i==2){
sendInvite();
}

我尝试了这一点,但它仍然没有扩展gridview,直到页面底部。您是否使用
高度:MediaQuery.of(上下文)移除了
容器
.size.height/3
属性?是的,我将其替换为Expanded.remove
Positioned
小部件。在这里设置
bottom:70.0
很酷。在我进行了这些更改并设置了flex属性后,效果非常好。