ImageIcon отображается серым цветом

Question

Я новичок в флаттере и пытаюсь загрузить несколько пользовательских изображений в свой проект и преобразовать их в значки. Изображения хранятся в хранилище 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),
                  ),
                );
              },
            );
          }
        },
      ),
    );
  }
}

И вот что он возвращает:

введите описание изображения здесь

Любая помощь будет принята с благодарностью.

Answer 1

Не делайте этого, а просто используйте свой класс изображения и укажите данные 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
)