Flutter异步方法返回小部件不工作

Question

在我的代码中，我想显示基于条件的浮动操作按钮。该条件是基于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);
}
});
}

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

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
})