Flutter:如何从响应API显示数据HTML结果?

Question

大家好，我有一个HTML格式的响应数据，我想管理在屏幕上显示的数据。我使用库flutter_html.

这是我的代码

Future<String> getHtml() async {
var headers = {
'Cookie': 'ci_session=hgiugh'
};
var request = http.MultipartRequest('POST', Uri.parse('http://xxx/get'));
request.fields.addAll({
'': '',
});
request.headers.addAll(headers);
final http.StreamedResponse response = await request.send();
if (response.statusCode == 200) {
print("HTML_RESULT"+await response.stream.bytesToString());
}
else {
print(response.reasonPhrase);
}
return await response.stream.bytesToString();}

我有HTML，但是当我想显示它时，我得到了instance of 'Future'。

显示数据代码

var i;
@override
void initState() {
// TODO: implement initState
super.initState();
i = getHtml();
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
child: Center(
child: Html(
data: i.toString(),
),
),
),
);
}

请给我一个帮助，任何参考对我很重要，谢谢。

Answer 1

尝试更改

final http.StreamedResponse response = await request.send();

为:

http.Response response = await http.Response.fromStream(await request.send());

你也必须等待gethhtml()，但是你不能在init上直接这样做。

void loadResponse() async {
final response = await getHtml();
setState(() {
i = response;
});
}

然后调用init()的方法:

@override
void initState() {
// TODO: implement initState
super.initState();
loadResponse();
}

Answer 2

将这一行提取为单独的代码

print("HTML_RESULT"+await response.stream.bytesToString());

var responseString = await response.stream.bytesToString();
print("HTML_RESULT $responseString");

编辑:

正如@Mariano所说，你需要创建一个新的函数

void load() async {
... do your await here
... and after you got the value call
setState(() {
... set your value here
});
}

并从initState

调用该函数

@override
void initState() {
// TODO: implement initState
super.initState();
load();
}

Answer 3

if (responseString == null ||
responseString.contains("A PHP Error was encountered") ||
responseString.contains("<div") ||
responseString.contains("</html")) {
Fluttertoast.showToast(
msg: "Server Error",
toastLength: Toast.LENGTH_SHORT,
gravity: ToastGravity.CENTER,
timeInSecForIosWeb: 1,
backgroundColor: Colors.red,
textColor: Colors.white,
fontSize: 16.0);
}