gridview.builder 不是 scrollebel 吗？答案

【问题标题】：gridview.builder is not scrollebel?gridview.builder 不是 scrollebel 吗？
【发布时间】：2022-12-21 23:00:13
【问题描述】：

这是我的程序，但它显示错误 gridview.builder 不是滚动所以它显示错误在此 gridview 中，它无法正常工作，它显示错误

GridView.builder(
  shrinkWrap: true,
    gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
      crossAxisCount: 2,
    ),
    itemCount: 4,
    itemBuilder: (BuildContext context, int index){
      return SingleChildScrollView(
          scrollDirection: Axis.horizontal,
        child:  Stack(overflow: Overflow.visible,
            alignment: Alignment.center,
            children: [
              Container(
                height: 200.0,
                width:170.0,
                padding: EdgeInsets.only(bottom: 24.0),
                decoration: BoxDecoration(
                  color: kLightGreyColor,
                  borderRadius: BorderRadius.circular(32.0),
                ),
                child: Column(
                    mainAxisAlignment: MainAxisAlignment.end,
                    crossAxisAlignment: CrossAxisAlignment.center,
                    children:[
                      Text("Name", style: TextStyle(fontSize: 16.0,
                          fontWeight: FontWeight.w600,
                          color: klightFontColor), ),
                      SizedBox(height: 12.0,),
                      Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          children:
                          List.generate(5, (index) => Image.asset("assets/images/star.png", height: 20.0,))
                      ),
                      SizedBox(height: 12.0,),
                      Row(mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                          children: [
                            Text(
                              "60 \nMin",
                              textAlign: TextAlign.center,
                              style: TextStyle(
                                fontSize: 12.0,
                                fontWeight: FontWeight.w400,
                                color: klightFontColor,
                              ),
                            ),
                            Column(
                                children:List.generate(6, (index) => Container(
                                  height: 2.0,
                                  width: 2.0,
                                  margin: EdgeInsets.only(bottom: 2),
                                  decoration: BoxDecoration(
                                    color: kDarkGreyColor,
                                    borderRadius: BorderRadius.circular(2.0),
                                  ),
                                ))
                            ),
                            Text(
                              "Hard \nLV1",
                              textAlign: TextAlign.center,
                              style: TextStyle(
                                fontSize: 12.0,
                                fontWeight: FontWeight.w400,
                                color: klightFontColor,
                              ),
                            )
                          ]),
                    ]),
              ),
              Positioned(
                  top: -190.0,
                  bottom: 0.0,
                  left: 20.0,
                  right: 20.0,
                  child:Container(
                    height: 80,
                    width:80,
                    child:Image.asset("assets/images/food1.png",),
                  )
              ),
            ]),
      );

    }),



I used the  `singleChildscrollview()`, and `physics: ScrollPhysics(),` but still same error

【问题讨论】：

尝试使用 Expanded(GridView.builder(....)) 并且您想水平滚动？有你的代码说 - scrollDirection: Axis.horizontal
您使用代码的目的是什么？我不明白。 GridView..builder 已经包含一个可滚动视图，为什么你需要在 itemBuilder 属性中 SingleChildScrollView()？
GridView.builder 包含可滚动视图，但它无法正常工作，所以我添加了单个 childScrollview()

标签： flutter dart flutter-dependencies flutter-test

【解决方案1】：

只需删除 shrinkWrap 或将其设置为 false 并删除 SingleChildScrollView 如果您希望 GridView 占用所有可用空间将其包装在 Expanded 小部件中

【讨论】：