Flutter 如何修复右侧的RenderFlex溢出99889像素?
我尝试使用SingleChildScrollView,因为它是在 颤振文档,我无法消除错误,我已经尝试过了 什么事都没有发生,我怎样才能解决这个错误 错误文本: 右侧的RenderFlex溢出了99889像素。相关 导致小部件为GridTileBar的错误 图像错误:Flutter 如何修复右侧的RenderFlex溢出99889像素?,flutter,dart,flutter-layout,dart-pub,Flutter,Dart,Flutter Layout,Dart Pub,我尝试使用SingleChildScrollView,因为它是在 颤振文档,我无法消除错误,我已经尝试过了 什么事都没有发生,我怎样才能解决这个错误 错误文本: 右侧的RenderFlex溢出了99889像素。相关 导致小部件为GridTileBar的错误 图像错误: 导入“包装:颤振/材料.省道”; 导入“包:provider/provider.dart”; 导入“包:shop/providers/cart.dart”; 导入“../providers/product.dart”; 导入“包
导入“包装:颤振/材料.省道”;
导入“包:provider/provider.dart”;
导入“包:shop/providers/cart.dart”;
导入“../providers/product.dart”;
导入“包:shop/utils/app_routes.dart”;
类ProductItem扩展了无状态小部件{
@凌驾
小部件构建(构建上下文){
最终产品=Provider.of(上下文,listen:false);
final Cart=Provider.of(上下文,listen:false);
返回ClipRRect(
边界半径:边界半径。圆形(10),
孩子:格子(
儿童:手势检测器(
onTap:(){
Navigator.of(context.pushNamed)(
批准。产品详细信息,
论点:产品,
);
},
孩子:Image.network(
product.imageUrl,
适合:BoxFit.cover,
),
),
页脚:SingleChildScrollView(
儿童:灵活(
子项:GridTileBar(
背景颜色:Colors.black87,
领先:消费者(
生成器:(ctx、产品)=>IconButton(
图标:图标(product.isFavorite)
?图标。收藏
:图标。收藏夹(U边框),
颜色:主题。背景。强调颜色,
已按下:(){
product.toggleFavorite();
},
),
),
标题:正文(
产品名称,
textAlign:textAlign.center,
),
尾随:图标按钮(
图标:图标(图标。购物车),
颜色:主题。背景。强调颜色,
已按下:(){
购物车附加项(产品);
打印(购物车项目计数);
},
),
),
),
),
),
);
}
}
如果您进一步阅读错误,您很可能会看到一条注释,其中提到“前导”占用了最大空间。将其更改为:
leading: SizedBox(width:MediaQuery.of(context).size.width *.020,
child: Consumer(
builder: (ctx, product, _) => IconButton(
icon: Icon(product.isFavorite
? Icons.favorite
: Icons.favorite_border),
color: Theme.of(context).accentColor,
onPressed: () {
product.toggleFavorite();
},
),
),
),
这个错误是部分出现的,但它仍然存在。很明显,它不是同一个错误。将宽度改为0.20而不是0.35,如果仍然不起作用,请回复。目的是了解错误的原因。
leading: SizedBox(width:MediaQuery.of(context).size.width *.020,
child: Consumer(
builder: (ctx, product, _) => IconButton(
icon: Icon(product.isFavorite
? Icons.favorite
: Icons.favorite_border),
color: Theme.of(context).accentColor,
onPressed: () {
product.toggleFavorite();
},
),
),
),