Android 底部的RenderFlex溢出128像素
Android 底部的RenderFlex溢出128像素,android,flutter,dart,Android,Flutter,Dart,导致小部件的相关错误为: 纵队file:///F:/App/Market/1.7/flutter_application/lib/src/pages/cart.dart:71:21 溢出的RenderFlex的方向为Axis.vertical。 溢出的RenderFlex边缘已在渲染中标记为黄色和黑色条纹图案。这通常是由于RenderFlex的内容太大造成的。 考虑应用Flex因子(例如使用扩展小部件)来迫使Reflflex的孩子适合于可用空间,而不是按其自然大小大小。 这被认为是一种错误情况,
导致小部件的相关错误为:
纵队file:///F:/App/Market/1.7/flutter_application/lib/src/pages/cart.dart:71:21
溢出的RenderFlex的方向为Axis.vertical。
溢出的RenderFlex边缘已在渲染中标记为黄色和黑色条纹图案。这通常是由于RenderFlex的内容太大造成的。
考虑应用Flex因子(例如使用扩展小部件)来迫使Reflflex的孩子适合于可用空间,而不是按其自然大小大小。
这被认为是一种错误情况,因为它表明存在无法查看的内容。如果内容合法地大于可用空间,考虑将其剪辑到clipCt小部件之前,将其放入Flex,或者使用可滚动容器而不是Flex,如ListVIEW。
所讨论的特定RenderFlex是:RenderFlex#22d62 relayoutBoundary=up3溢出
... 需要合成
... parentData:未定位;偏移=偏移(0.0,0.0)(可以使用大小)
... 约束:BoxConstraints(0.0用这样的扩展小部件包装您的列子项
Column(
children: <Widget>[
Expanded(
child :
Padding(
padding: const EdgeInsets.only(left: 20, right: 10),
child: ListTile(
contentPadding: EdgeInsets.symmetric(vertical: 0),
leading: Icon(
Icons.shopping_cart,
color: Theme.of(context).hintColor,
),
title: Text(
S.of(context).shopping_cart,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: Theme.of(context).textTheme.headline4,
),
subtitle: Text(
S
.of(context)
.verify_your_quantity_and_click_checkout,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: Theme.of(context).textTheme.caption,
),
),
)),
Expanded(
child :
ListView.separated(
padding: EdgeInsets.symmetric(vertical: 15),
scrollDirection: Axis.vertical,
shrinkWrap: true,
primary: true,
itemCount: _con.carts.length,
separatorBuilder: (context, index) {
return SizedBox(height: 15);
},
itemBuilder: (context, index) {
return CartItemWidget(
cart: _con.carts.elementAt(index),
heroTag: 'cart',
increment: () {
_con.incrementQuantity(
_con.carts.elementAt(index));
},
decrement: () {
_con.decrementQuantity(
_con.carts.elementAt(index));
},
onDismissed: () {
_con.removeFromCart(
_con.carts.elementAt(index));
},
);
},
)),
],
)
列(
儿童:[
扩大(
儿童:
填充物(
填充:仅限常量边集(左:20,右:10),
孩子:ListTile(
contentPadding:EdgeInsets.对称(垂直:0),
领先:图标(
图标。购物车,
颜色:主题.of(上下文).hintColor,
),
标题:正文(
S.of(上下文)。购物车,
maxLines:1,
溢出:TextOverflow.省略号,
风格:Theme.of(context).textTheme.headline4,
),
字幕:文本(
s
.of(上下文)
.验证您的数量并单击签出,
maxLines:1,
溢出:TextOverflow.省略号,
样式:Theme.of(context).textTheme.caption,
),
),
)),
扩大(
儿童:
ListView.separated(
填充:边缘组。对称(垂直:15),
滚动方向:轴垂直,
收缩膜:对,
小学:对,
itemCount:_.con.carts.length,
separatorBuilder:(上下文,索引){
返回尺寸框(高度:15);
},
itemBuilder:(上下文,索引){
返回CartItemWidget(
购物车:_con.carts.elementAt(索引),
heroTag:'购物车',
增量:(){
_反增量(
_con.carts.elementAt(索引));
},
减量:(){
_con.递减量(
_con.carts.elementAt(索引));
},
onDismissed:(){
_con.从购物车上取下(
_con.carts.elementAt(索引));
},
);
},
)),
],
)
问题已经解决,但又出现了另一个问题
有一个空的空间,我不能再按扩展到容器
Column(
children: <Widget>[
Expanded(
child :
Padding(
padding: const EdgeInsets.only(left: 20, right: 10),
child: ListTile(
contentPadding: EdgeInsets.symmetric(vertical: 0),
leading: Icon(
Icons.shopping_cart,
color: Theme.of(context).hintColor,
),
title: Text(
S.of(context).shopping_cart,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: Theme.of(context).textTheme.headline4,
),
subtitle: Text(
S
.of(context)
.verify_your_quantity_and_click_checkout,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: Theme.of(context).textTheme.caption,
),
),
)),
Expanded(
child :
ListView.separated(
padding: EdgeInsets.symmetric(vertical: 15),
scrollDirection: Axis.vertical,
shrinkWrap: true,
primary: true,
itemCount: _con.carts.length,
separatorBuilder: (context, index) {
return SizedBox(height: 15);
},
itemBuilder: (context, index) {
return CartItemWidget(
cart: _con.carts.elementAt(index),
heroTag: 'cart',
increment: () {
_con.incrementQuantity(
_con.carts.elementAt(index));
},
decrement: () {
_con.decrementQuantity(
_con.carts.elementAt(index));
},
onDismissed: () {
_con.removeFromCart(
_con.carts.elementAt(index));
},
);
},
)),
],
)