【问题标题】:Image.network not displaying ImageImage.network 不显示图像
【发布时间】:2020-01-28 07:32:48
【问题描述】:

响应中的所有值都显示,但图像除外。 一件奇怪的事情是,当我尝试从我的笔记本电脑构建它时,图像会显示出来。但是当我尝试在我的 PC 上构建它时,它没有。

调试中未发现错误。

这里是响应示例:

[
  {
    "id": 7,
    "user_id": 1,
    "caption": "Ambot ya",
    "image": "storage\/images\/posts\/image\/20190927UTC163833894.jpeg",
    "type": "image",
    "created_at": "2019-09-27 16:38:33",
    "updated_at": "2019-09-27 16:38:33",
    "deleted_at": null,
    "likes_count": 1,
    "isLiked": 0,
    "comments": [],
    "likes": [

这是我得到响应的方式;

  Future<List<Feed>> getFeedAll() async {
    var res = await http.get(
        Uri.encodeFull(APIServices.HTTP_DOMAIN + APIServices.POST_GET_ALL),
        headers: {"Authorization": "Bearer " + Constants.token});
    print(res.body);
    if (res.statusCode == 200) {
      var data = json.decode(res.body);

      print(data);

      feedList = data.map<Feed>((json) => Feed.fromJson(json)).toList();
      print(feedList);
    }
    print("List Size: ${feedList.length}");

    return feedList;
  }

这是我的显示方式:

Image.network("${APIServices.HTTP_DOMAIN}${feed[index].image}",
                                            fit: BoxFit.cover,
                                          )

编辑: 我正在使用实际设备进行测试。三星 J7 专业版

【问题讨论】:

  • 您能否打印"${APIServices.HTTP_DOMAIN}${feed[index].image}" 的值并尝试在浏览器中启动该 URL。为什么要将.image 扩展名添加到.jpeg?它不是必需的(如果服务器已经在发送它)
  • 我打印了"${APIServices.HTTP_DOMAIN}${feed[index].image}" 的值,它在浏览器中显示了图像。 .image 是来自我的 Feed 对象的字符串变量
  • 我的错误。您说它可以在您的笔记本电脑上运行,但也没有观察到。

标签: flutter dart flutter-layout flutter-image


【解决方案1】:

首先检查flutter documentation 那么如果这两种方式都无法解决您的问题,请使用此小部件

 if (kIsWeb) {
      return Stack(
        children: [
          SizedBox(
              height: 300,
              width: 450,
              child: Image.asset('Assets/Images/placeHolder.png',
                  fit: BoxFit.fill)),
          Container(
            height: 300,
            width: 450,
            decoration: BoxDecoration(
                image: DecorationImage(
                    image: NetworkImage(imageUrl ?? ""), fit: BoxFit.fill)),
          ),
        ],
      );
    }

【讨论】:

  • 虽然此链接可能会回答问题,但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改,仅链接答案可能会失效。 - From Review
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-04-25
  • 1970-01-01
  • 2019-09-08
  • 2020-08-31
  • 2021-02-13
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多