Question

我有一个密码

return Post(
      id: json['id'],

      title: json['title']['rendered'],
      content: json['content']['rendered'],
      date: json['date'] != null
        ? json['date'].toString().replaceFirst('T', ' ')
        : null,
      image: json['_links']['wp:featuredmedia'] != null
        ? json['_links']['wp:featuredmedia'][0]['source_url']
        : null,
      excerpt: json['excerpt']['rendered'],
      author: json['author'].toString(),
    );
  }

然后我用

post.image != null
              ? Image.network(post.image)

但是我的应用程序中没有图像。错误：异常：无法实例化图像编解码器。我该如何解决？

Answer 1

否，您将wp：featuredmedia的链接直接分配给image属性，然后使用Image.network（）小部件在任何需要的位置进行渲染。

仅查看您的精选媒体链接存储在API的JSON响应中。遍历JSON树并分配该值。

这将起作用。

Answer 2

尝试一下

image: json["_embedded"]["wp:featuredmedia"][0]["source_url"],

对我来说很好

Answer 3

我假设您正在使用以下基本链接

https://yourwebsite.com/wp-json/wp/v2/posts

解决方法是如下更改基本URL

https://yourwebsite.com/wp-json/wp/v2/posts?_embed

然后使用以下命令：

image: json["_embedded"]["wp:featuredmedia"][0]["source_url"]

如何在Flutter中显示来自Wordpress的图像

3 个答案: