如何显示wordpress内容图像api

Question

我想在我的Flitter应用程序中显示图像内容。我使用WordPressAPI。我使用这个类来显示featuredmedia、标题和内容

 Post.fromJson(Map<String, dynamic> json)
  : title = json['title']["rendered"],
    excerpt = json['excerpt']["rendered"],
    image = json["_embedded"]['wp:featuredmedia'][0]["media_details"]
        ["sizes"]["medium"]["source_url"],
    date = json['date'],
    content = json['content']["rendered"],
      id = json['id'];

这是wordpress的内容

“内容”：{“渲染”：“首相警告议员们，他们试图阻止英国脱欧，从而损害了他与欧盟达成协议的机会。

鲍里斯·约翰逊（Boris Johnson）表示，英国将在10月31日“要么做，要么死”退出欧元区——这促使一些议员采取行动，阻止英国在未达成协议的情况下退出欧元区。

但他表示，议员们越是试图阻止英国脱欧，“我们就越有可能陷入这种境地”。

此前，首相宣布他将在9月和10月暂停议会五周。

约翰逊表示，这将允许政府举行女王演讲，并概述其未来“非常激动人心的议程”。

但批评人士称，他的意图是阻止下议院采取任何行动来阻止一项不协议。

https://iraqmedianews.com/wp-content/uploads/2019/08/file-20181002-85614-vu0p6l-300x205.jpg\"alt=\"宽度=\"300\"高度=\"205\"srcset=\"https://iraqmedianews.com/wp-content/uploads/2019/08/file-20181002-85614-vu0p6l-300x205.jpg300w，https://iraqmedianews.com/wp-content/uploads/2019/08/file-20181002-85614-vu0p6l-768x524.jpg768w，https://iraqmedianews.com/wp-content/uploads/2019/08/file-20181002-85614-vu0p6l.jpg926w\"大小=\"（最大宽度： 300px）100vw，300px\"/

Answer 1

您可以使用Image.network来显示图像，一旦您获得该图像的链接。

示例代码和解决方案：

    String imageUrl,rawString,i,j;
    [...]
    // At some point of your code
    rawString  = json['content']["rendered"];   
    for(int i=0;i<rawString.length;i++) if(rawString[i]=='=' && rawString[i-1]=='t' && rawString[i-2]=='e' && rawString[i-3]=='s' && rawString[i-4]=='c' && rawString[i-5]=='r' && rawString[i-6]=='s') 
for(j=i+3;(rawString[i]=='.' && (rawString.substring(j,j+4)=="jpg")||rawString.substring(j,j+4)=="png");j++)
   imageUrl = rawString.substring(i,j+4);
    [...]
    // The place where you want to display your widget
    Image.network(
      imageUrl, // Can add more attributes 
    );

我刚刚使用了逻辑AND来高效地查找'srcset='，然后通过查找文件扩展名来尝试将链接作为子字符串。

它可能不会在所有情况下都起作用，但有总比没有好。

如果您面临任何其他类似的问题，如果您没有时间实现自己的逻辑，请使用Flutter官方开发团队开发的html包。

https://pub.dev/packages/html

或者，您甚至可以参考这两个包中的任何一个（因为您使用wordpress），

https://pub.dev/packages/flutter_wordpress

https://pub.dev/packages/wordpress_api