我正在制作一个基本的购物应用程序。我的想法是制作一个我的产品列表磁贴,以便我可以编辑或删除产品。所以当我导航到该页面时,它显示了一个空白的白色页面,错误如图片Blank ScreenError所示
import 'package:flutter/material.dart';
class UserProductItem extends StatelessWidget {
final String title;
final String imageUrl;
UserProductItem(this.title, this.imageUrl);
@override
Widget build(BuildContext context) {
return ListTile(
title: Text(title),
leading: CircleAvatar(
backgroundImage: NetworkImage(imageUrl),
),
trailing: Row(
children: [
IconButton(
icon: Icon(Icons.edit),
onPressed: () {},
color: Theme.of(context).primaryColor,
),
IconButton(
icon: Icon(Icons.delete),
onPressed: () {},
color: Theme.of(context).errorColor,
)
],
),
);
}
}
7条答案
按热度按时间gupuwyp21#
用
Container
Packagetrailing
可能会给予您一些警告,因此最好的选择是用SizedBox
Packagewrap
,并给它一个height
和width
c0vxltue2#
我也遇到了这个问题,并且能够通过在
Row
中将mainAxisSize
设置为MainAxisSize.min
来修复它:zynd9foi3#
像这样将答案 Package 在FittedBox中
你应该发现行有无限的宽度。因此你需要把它适合一个给定设备的可用大小。
2wnc66cl4#
我所做的是将行(尾随:Row()),并为其指定特定宽度
jk9hmnmh5#
来自关于
tailing
属性的文档:我认为如果你需要在右边有两个图标的话,你不应该使用ListTile,相反,你应该用Rows来实现你的自定义小部件。
编辑:
比如:
xqnpmsa86#
由于引导而发生错误。只需用容器 Package 图像头像并给予它一个宽度
行距:容器(宽度:50,子级:圆形头像(背景图片:网络映像(imageUrl),),)
hjzp0vay7#
根据@Gpack答案,正确的解决方案应该在标题中使用
Row
或listTile
的替代参数。如果你有一个小部件在尾随,并得到同样的错误尝试使用
FittedBox
如下: