【发布时间】：2020-09-02 20:47:25
【问题描述】：
编辑 3：这是现在的样子
@override
void initState() {
super.initState();
myFuture = genCode();
}
Future<Uint8List> genCode() async {
print('This should be the start')
Obj o = await _getAsyncData();
print('This should be the end');
return await scanner.generateBarCode(o.str);
}
Future<Obj> _getAsyncData() async {
Obj o = await addObj();
print('Hello');
print(o.str);
return o;
}
Future<Obj> addObj() async {
final String url = 'APIURL';
final client = new http.Client();
final response = await client.post(
url,
headers: {HttpHeaders.contentTypeHeader: 'application/json',
);
print('Obj added. Received response.');
Obj o = Obj.fromJSON(json.decode(response.body));
print(o.str);
return o;
}
打印
I/flutter (12991): This should be the start
I/flutter (12991): This should be the end
I/flutter (12991): Obj added. Received response.
I/flutter (12991): 12345
I/flutter (12991): Hello
I/flutter (12991): 12345
FutureBuilder 小部件直接进入此代码块
if (snapshot.hasError) {
children = <Widget>[
Icon(
Icons.error_outline,
color: Colors.red,
size: 60,
),
Padding(
padding: const EdgeInsets.only(top: 16),
child: Text('Error: ${snapshot.error}'),
)
];
}
它显示感叹号并在屏幕上打印：
Error: NoSuchMethodError: The getter 'str' was called on null.
Receiver: null
Tried calling: str
不知何故，它忽略了异步函数仍在后台运行的事实。
FutureBuilder(
future: myFuture, // a previously-obtained Future<String> or null
builder: (BuildContext context, AsyncSnapshot snapshot) {
List<Widget> children;
if (snapshot.hasData) {
children = <Widget>[
QRDisplayWidget(title: '', bytes: snapshot.data),
];
} else if (snapshot.hasError) {
children = <Widget>[
Icon(
Icons.error_outline,
color: Colors.red,
size: 60,
),
Padding(
padding: const EdgeInsets.only(top: 16),
child: Text('Error: ${snapshot.error}'),
)
];
} else {
children = <Widget>[
SizedBox(
child: CircularProgressIndicator(),
width: 60,
height: 60,
),
const Padding(
padding: EdgeInsets.only(top: 16),
child: Text('Awaiting result...'),
)
];
}
return Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: children,
),
);
},
),
原代码：
错误：参数类型 'Future Function(BuildContext, AsyncSnapshot)' 不能分配给参数类型'Widget Function(BuildContext, AsyncSnapshot)'。
我错过了什么？代码与文档完全相同
FutureBuilder<String>(
future: getQRStr(), // a previously-obtained Future<String> or null
builder: (BuildContext context, AsyncSnapshot<String> snapshot) async {
List<Widget> children;
if (snapshot.hasData) {
children = <Widget>[
QRDisplayWidget(title: '', bytes: getBytes(snapshot)),
];
} else if (snapshot.hasError) {
children = <Widget>[
Icon(
Icons.error_outline,
color: Colors.red,
size: 60,
),
Padding(
padding: const EdgeInsets.only(top: 16),
child: Text('Error: ${snapshot.error}'),
)
];
} else {
children = <Widget>[
SizedBox(
child: CircularProgressIndicator(),
width: 60,
height: 60,
),
const Padding(
padding: EdgeInsets.only(top: 16),
child: Text('Awaiting result...'),
)
];
}
return Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: children,
),
);
},
),
编辑：所以我让 FutureBuilder 停止抛出错误，但在获取数据之前仍会检索 String 值。
Future<String> getQRStr() async{
String str = await _asyncFetchData();
return Future.value(str); // return your response
}
Future<Uint8List> getBytes(AsyncSnapshot snapshot) async{
return await scanner.generateBarCode(snapshot.data);
}
编辑 2：
我把它编辑成我现在所拥有的。如果我在 getBytes 上使用 Future，我会得到 Error: The argument type 'Future<Uint8List>' can't be assigned to the parameter type 'Uint8List'。删除 Future 使其运行编译没有错误，但应用程序似乎陷入了永久刷新的状态，不断调用 getQRStr()。
在 _asyncFetchData 函数下，我有一个打印函数，它在成功检索数据后打印数据，然后返回值。那打印得很好。但 FutureBuilder 打印返回的值为 null。
【问题讨论】：
-
在您的编辑中，“数据已获取”是什么意思？此外，您无需返回
Future.value。你可以做return str。 -
您的编辑似乎描述了一个不同的问题。如果是这样，您应该接受这个问题的答案，并为您的新问题制作一个新答案。
-
@ChristopherMoore 为了更清晰，我对其进行了编辑
-
据我所知，您仍在错误地实现
FutureBuilder中的未来。看我的回答。