从网络添加图像时出现“FlutterError：无法加载资产”答案

【问题标题】："FlutterError: Unable to load asset" while adding image from network从网络添加图像时出现“FlutterError：无法加载资产”
【发布时间】：2021-12-31 12:31:32
【问题描述】：

我试图将一些主要图像添加到某个 Stream Build 结构内的列表视图中。问题是无论我尝试什么，我总是遇到同样的错误。我在 Stackoverflow 上做了一些研究，但我能找到的所有解决方案都是关于本地图像，而不是来自互联网的图像。所以，我不知道如何将这些解决方案实施到我的项目中。

Widget build(BuildContext context) {
     final Stream<QuerySnapshot> _stuffStream = FirebaseFirestore.instance
    .collection('Stuffs') 
    .orderBy('dateTime',
        descending: true) 
    .snapshots();

    return StreamBuilder<QuerySnapshot>(
    stream: _stuffStream,
    builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot) {
      if (snapshot.hasError) {
        return Text('Please try again');
      }

      if (snapshot.connectionState == ConnectionState.waiting) {
        return Text("Please wait");
      }

      return ListView(
        children: snapshot.data!.docs.map((DocumentSnapshot document) {
          Map<String, dynamic> data =
              document.data()! as Map<String, dynamic>;
          return ListTile(
            leading: CircleAvatar(
              backgroundImage: AssetImage(
                  "https://www.kaspersky.com.tr/content/tr-tr/images/smb/icons/icon-ksos.png"),
            ),
            title: Text(data['title']),
            subtitle: Column(
              children: <Widget>[
                Text(data['details']),
                TextButton(
                    child: const Text('Send message'),
                    onPressed: () {
                      Navigator.push(
                          context,
                          MaterialPageRoute(
                              builder: (context) => ChatPage(docs: data)));
                    }),
                TextButton.icon(
                    icon: Icon(Icons.favorite),
                    label: Text('Favorite'),
                    onPressed: () async {
                      favorite(data['stuffID']);
                    }),
              ],
            ),
          );
        }).toList(),
      );
    });
  }
}

我也尝试过使用它，但我得到了同样的错误：

leading: SizedBox(
                    height: 100.0,
                    width: 100.0, // fixed width and height
                    child: Image.asset(data['stuffImage']))

我也将此权限添加到 AndroidManifest.xml

<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

【问题讨论】：

AssetImage 用于加载应用程序中包含的图像资源。如果要从 URL 加载图像，请使用 NetworkImage。
非常感谢。

标签： flutter dart listview google-cloud-firestore stream-builder

【解决方案1】：

将资产图像更改为网络图像

backgroundImage: NetworkImage(
              "https://www.kaspersky.com.tr/content/tr-tr/images/smb/icons/icon-ksos.png"),
        ),

【讨论】：

感谢您的回答