Firebase 图像图标显示为灰色

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<

我是一个新手,尝试将一些自定义图像加载到我的项目中,并将它们转换为图标。图像存储在firebase存储中,但我已将每个图像的url包含在数据库中。当我尝试加载每个图像并将其转换为图标时,它们会变成灰色。这是代码

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
)