ImageIcon 显示为灰色答案

【问题标题】：ImageIcon showing as greyImageIcon 显示为灰色
【发布时间】：2020-11-26 22:32:34
【问题描述】：

我是 Flutter 的新手，我试图将一些自定义图像加载到我的项目中并将它们转换为图标。图像存储在 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),
                  ),
                );
              },
            );
          }
        },
      ),
    );
  }
}

这就是它返回的内容：

任何帮助将不胜感激。

【问题讨论】：

标签： firebase flutter dart firebase-storage

【解决方案1】：

不要这样做，而是使用您的Image class 并将height 和width 提供给数据。

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
)

【讨论】：