如何在颤动中每 x 秒从 api 获取数据？

Posted 2023-02-23

【中文标题】如何在颤动中每 x 秒从 api 获取数据？

【英文标题】：How to get data from api every x seconds in flutter?

【发布时间】：2019-10-20 03:41:39

【问题描述】：

我想每隔 x 秒从 api 获取数据以在小部件中实时显示数据，并且我还想在数据更改时为小部件设置动画。我尝试使用 Stream 和 Stream Builder。这是获取实时数据的最佳方式.请帮帮我。

这是我的代码。

class Post

  final String title;

  Post(this.title);

  factory Post.fromJson(Map<String, dynamic> json) 
    return Post(
      no: json['title']
    );
  

class PostData 

  static String _url="https://jsonplaceholder.typicode.com/posts/1";

  static Future browse () async 

    http.Response response = await http.get(_url);

    Post post= Post.fromJson(json.decode(response.body));

    return post;

  

  Stream<int> get getLiveData async* 
    yield await PostData.browse();
  


 StreamBuilder<Post>(
 stream: getLiveData,
   builder: (context, snapshot) 
     return Text(snapshot.data.title)
  ,
 )

【问题讨论】：

这里指的是我的解决方案。 ***.com/questions/57554659/…

【参考方案1】：

你应该看看 Timer.Periodic https://api.flutter.dev/flutter/dart-async/Timer/Timer.periodic.html 我正在使用它与 setState，但我确信它也可以与 Stream 一起使用。

编辑： 像这样，使用 Stream.periodic：

Stream <int> getPeriodicStream() async* 
  yield* Stream.periodic(Duration(seconds: 30), (_) 
    return PostData.browse();
  ).asyncMap((value) async => await value,
  );

【讨论】：

虽然你是对的，但与其只是在答案中添加一个链接，不如编写一个小代码示例来展示你如何使用计时器。

我知道 Timer.periodic 和 setState 但我想与 Stream 和 StreamBuilder 一起使用以达到连击目的。谢谢

处理函数不是异步的，但是你正在调用await。

@11010001101001 你说得对，我已经更新了示例。

我怎样才能停止这个流？这个流不是一直在运行吗？

【参考方案2】：

您可能还需要仅在应用处于前台时执行此操作（以防止不必要的电池使用）。你可以使用我的 LifecycleAwareStreamBuilder，有一个使用示例here

Link directly to the gist