Question

在我的代码中，我想根据条件显示浮动操作按钮。该条件是根据HTTP调用来评估的，该HTTP调用本质上是异步的。我的以下代码未返回任何内容。

 Widget _getFAB() {
    var Data = GetDetailsFromHTTP();

    userJSON.then((Data ) {
      if (1 == 2) {
        return Container();
      } else {
        return FloatingActionButton(
            backgroundColor: Colors.deepOrange[800],
            child: Icon(Icons.add_shopping_cart),
            onPressed: null);
      }
    });
  }

等待也不起作用，因为它不允许将返回类型用作小部件。如何创建一种等待异步调用并返回小部件的方法？

Answer 1

您在非异步方法中使用异步方法

Widget _getFAB() async {
  var Data = GetDetailsFromHTTP();

  return await userJSON.then((Data ) {
    if (1 == 2) {
      return Container();
    } else {
      return FloatingActionButton(
          backgroundColor: Colors.deepOrange[800],
          child: Icon(Icons.add_shopping_cart),
          onPressed: null);
    }
  });
}

最佳方法：更喜欢使用FutureBuilder，这是这样做的目的。 https://api.flutter.dev/flutter/widgets/FutureBuilder-class.html

例如：

FutureBuilder<String>(
future: _calculation, // a previously-obtained Future<String> or null
builder: (BuildContext context, AsyncSnapshot<String> snapshot) {
  switch (snapshot.connectionState) {
    case ConnectionState.none:
      return Text('Press button to start.');
    case ConnectionState.active:
    case ConnectionState.waiting:
      return Text('Awaiting result...');
    case ConnectionState.done:
      if (snapshot.hasError)
        return Text('Error: ${snapshot.error}');
      return Text('Result: ${snapshot.data}');
  }
  return null; // unreachable
  })

Flutter异步方法返回窗口小部件不起作用

1 个答案: