时间戳

首页 > 解决方案 > 如何从服务器保存图像并显示？

flutter - 如何从服务器保存图像并显示？

问题描述

我想要一个代码来临时从服务器保存选定的图像要在另一个页面上查看它：

1-使用图像 ID 保存图像（不在图库中，因为我会再次上传）。

图片链接

"http://10.0.2.2/test/upload/"+snapshot.data[i]["post_image"]

和图像 ID 链接

"http://10.0.2.2/test/upload/"+snapshot.data[i]["id_image"]

2-在另一个页面的容器中显示此图像及其 id。

谢谢

标签： flutterdartflutter-layout

解决方案

我认为您正在寻找的是将图像保存在状态中，一种简单的方法是使用 aStatefulWidget和setState((){});

这是一个例子


class SomeWidget extends StatefulWidget{

...

}

class SomeWidgetState extends State<SomeWidget>{

String? imageLink;
String? imageId;



Future<void> getLink(){

    /// get the link 

    setState( () {

    imageLink =  "http://10.0.2.2/test/upload/"+snapshot.data[i]["post_image"];
    linkId = "http://10.0.2.2/test/upload/"+snapshot.data[i]["id_image"];
   });
 } 

...
Navigator.push(builder: MaterialPageRouteBuilder((context) => AnotherScreen(imageLink, imageId)));

}

如果您有更多项目要存储在状态中，建议使用像Provider这样的状态管理库

推荐阅读