我可以使用 streamBuilder 从 Api 获取实时数据吗答案

【问题标题】：Can I use streamBuilder in fetching live data from an Api我可以使用 streamBuilder 从 Api 获取实时数据吗
【发布时间】：2020-11-09 02:08:14
【问题描述】：

大家好。我正在制作一个足球比分实时数据应用程序。我不知道如何解决这个问题，如果我使用 http.get，我将不得不每次刷新以获取最近的数据。我不知道 streamBuilder 是否可以工作以及如何去做。提前感谢您的帮助。

【问题讨论】：

请尝试一次：- stackoverflow.com/a/57565501/8388068

标签： api flutter flutter-dependencies flutter-web

【解决方案1】：

正如docs 中所解释的，StreamBuilder 是一个：

根据与 Stream 交互的最新快照构建自身的小部件。

因此，要使用它，首先您需要创建一个提供数据的 Stream，将其传递给 StreamBuilder 的 stream 属性，然后在 builder 属性中根据快照数据构建小部件。

这是一个简短的示例，它使用Stream.periodic 每 5 秒返回一次未来并产生未来调用：

import 'dart:async';

import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

class PeriodicRequester extends StatelessWidget {
  Stream<http.Response> getRandomNumberFact() async* {
    yield* Stream.periodic(Duration(seconds: 5), (_) {
      return http.get("http://numbersapi.com/random/");
    }).asyncMap((event) async => await event);
  }

  @override
  Widget build(BuildContext context) {
    return StreamBuilder<http.Response>(
      stream: getRandomNumberFact(),
      builder: (context, snapshot) => snapshot.hasData
          ? Center(child: Text(snapshot.data.body))
          : CircularProgressIndicator(),
    );
  }
}

【讨论】：