Firebase 图像图标显示为灰色
我是一个新手,尝试将一些自定义图像加载到我的项目中,并将它们转换为图标。图像存储在firebase存储中,但我已将每个图像的url包含在数据库中。当我尝试加载每个图像并将其转换为图标时,它们会变成灰色。这是代码Firebase 图像图标显示为灰色,firebase,flutter,dart,firebase-storage,Firebase,Flutter,Dart,Firebase Storage,我是一个新手,尝试将一些自定义图像加载到我的项目中,并将它们转换为图标。图像存储在firebase存储中,但我已将每个图像的url包含在数据库中。当我尝试加载每个图像并将其转换为图标时,它们会变成灰色。这是代码 class BodyOne extends StatefulWidget { @override _BodyOneState createState() => _BodyOneState(); } class _BodyOneState extends State<
class BodyOne extends StatefulWidget {
@override
_BodyOneState createState() => _BodyOneState();
}
class _BodyOneState extends State<BodyOne> {
Future getEvents() async {
var firestore = Firestore.instance;
QuerySnapshot qn = await firestore.collection('events').getDocuments();
return qn.documents;
}
@override
Widget build(BuildContext context) {
return Container(
child: FutureBuilder(
future: getEvents(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return Center(
child: Text('Loading...'),
);
} else {
return ListView.builder(
itemCount: snapshot.data.length,
itemBuilder: (_, index) {
return ListTile(
leading: ImageIcon(
NetworkImage(snapshot.data[index].data['img_url']),
),
title: Align(
child: TitleText(
title: snapshot.data[index].data['eventName']),
alignment: Alignment(-1.2, 0),
),
);
},
);
}
},
),
);
}
}
class BodyOne扩展StatefulWidget{
@凌驾
_BodyOneState createState();
}
类_BodyOneState扩展了状态{
Future getEvents()异步{
var firestore=firestore.instance;
QuerySnapshot qn=await firestore.collection('events').getDocuments();
返回qn文件;
}
@凌驾
小部件构建(构建上下文){
返回容器(
孩子:未来建设者(
future:getEvents(),
生成器:(上下文,快照){
if(snapshot.connectionState==connectionState.waiting){
返回中心(
子项:文本('Loading…'),
);
}否则{
返回ListView.builder(
itemCount:snapshot.data.length,
itemBuilder:(\ux,索引){
返回列表块(
前导:图像图标(
NetworkImage(snapshot.data[index].data['img_url']),
),
标题:对齐(
孩子:TitleText(
标题:snapshot.data[index].data['eventName']),
对齐:对齐(-1.2,0),
),
);
},
);
}
},
),
);
}
}
这就是它的回报:
如果有任何帮助,我们将不胜感激。不要这样做,只需使用您的,并为数据指定
高度
和宽度
leading: Image(
image: NetworkImage(snapshot.data[index].data['img_url']),
width: your_width,
height: your_height,
fit: BoxFit.cover,
color: null // this is the work around
)