Flutter gridview旋转屏幕溢出

我有一个问题，每当我的手机旋转，列将显示一个渲染溢出，我已经尝试添加一个滚动视图已经

图片在这里->

类AccountTabGridView扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回SingleChildScrollView(
物理：物理（），
子项：GridView.count(
小学：对，
填充：边缘设置。全部（20），
横轴间距：10，
平均间距：10，
交叉轴计数：3，
收缩膜：对，
儿童：[
墨水池(
onTap:（）{}，
子：容器(
填充：边缘设置。全部（8），
子：列(
mainAxisAlignment:mainAxisAlignment.center，
儿童：[
Image.asset（'assets/images/orders.png'），
正文(
“订单历史记录”，
textAlign:textAlign.center，
),
],
),
),
),
],
),
);
}
}

试试这个，我希望它能起作用

   SliverGrid(
      gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
        maxCrossAxisExtent: 200.0,
        mainAxisSpacing: 10.0,
        crossAxisSpacing: 10.0,
        childAspectRatio: 4.0,
      ),
      delegate: SliverChildBuilderDelegate(
        (BuildContext context, int index) {
          return Container(
            alignment: Alignment.center,
             Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Image.asset('assets/images/orders.png'),
                  Text(
                    'Order History',
                    textAlign: TextAlign.center,
                  ),
                ],
              ),
          );
        },
        childCount: 20,
      ),
    ),

SliverGrid(
gridDelegate:SliverGridDelegateWithMaxCrossAxisExtent(
maxCrossAxisExtent:200.0，
主轴间距：10.0，
交叉轴间距：10.0，
childAspectRatio:4.0，
),
代表：SliverChildBuilderDelegate(
（BuildContext上下文，int索引）{
返回容器(
对齐：对齐.center，
纵队(
mainAxisAlignment:mainAxisAlignment.center，
儿童：[
Image.asset（'assets/images/orders.png'），
正文(
“订单历史记录”，
textAlign:textAlign.center，
),
],
),
);
},
儿童人数：20，
),
),

---

有关访问的详细信息

用展开的！

   SliverGrid(
      gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
        maxCrossAxisExtent: 200.0,
        mainAxisSpacing: 10.0,
        crossAxisSpacing: 10.0,
        childAspectRatio: 4.0,
      ),
      delegate: SliverChildBuilderDelegate(
        (BuildContext context, int index) {
          return Container(
            alignment: Alignment.center,
             Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Image.asset('assets/images/orders.png'),
                  Text(
                    'Order History',
                    textAlign: TextAlign.center,
                  ),
                ],
              ),
          );
        },
        childCount: 20,
      ),
    ),