API 在 Flutter 的屏幕上返回 null

Question

我在我的应用程序中使用了Numbers Api，但是当按下按钮时，它在屏幕上显示为空。我的 API 也只包含字符串。

这是我的 API 代码：

String fact;
  Future fetchData() async {
    Response response;
    response = await get(Uri.https('numbersapi.com', 'random/trivia'));
    if (response.statusCode == 200) {
      print(response.statusCode);
      setState(() {
        fact = response.body;
      });
    }
  }

  @override
  void initState() {
    fetchData();
    super.initState();
  }

  @override
  Widget build(BuildContext context) { 
   .....

由于 Text 小部件不接受空值，我将其转换为 toString() -

              fact.toString(),
              style: TextStyle(
                fontSize: 20.0,
                color: Colors.white,
              ),
            ),

但是当fetchData()传入提升按钮的onPressed属性时，在屏幕上显示为null。

如何在屏幕上显示事实而不是 null？

任何帮助将不胜感激:)

Answer 1

最初，在获取数据之前，事实将是 null。因此，您可以显示一些指示正在获取数据的指标，如下所示

fact == null ? Show Loading Message : Text(fact);

或者显示一个空字符串，如下所示。

Text(fact ?? "")

按钮

FlatButton(child: Text("Load"), onPressed: () async => await fetchData())

编辑：

得到了确切的问题。您尝试从中获取数据的 URL 不是安全 URL。是http 不是https

因此在获取数据时尝试跟随。

await get(Uri.http('numbersapi.com', 'random/trivia'))

Bad state: Insecure HTTP is not allowed by platform: 检查此 HTTP 连接是否不安全。