Flutter : How to show data HTML result from response API?

Issue

Hello everybody I has a response data in HTML format and I want to manage the data to display in screen. I use library flutter_html.

This is my code

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

I’ve the HTML but I got instance of 'Future' when i want to show it.

Code for show the data

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(),
          ),
        ),
      ),
    );
  }

Please give me a help guys, any reference is important to me, thank you.

Solution

Try changing the

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

for:

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

You have to await the getHtml() too, but you can’t do it directly on init.

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

And then call the method on init():

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

Answered By – João Pedro Martins

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0

Leave a Reply

(*) Required, Your email will not be published