not show image[BUG]

[dingjianjaja]

Describe the bug:

unable to display image，when use "display:block"

this can display:

String content =
      "<p><img alt='Google' style=\"display: inline; margin-left: auto; margin-right: auto;\" src='https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png' /></p>"

this can not display image

String content =
      "<p><img alt='Google' style=\"display: block; margin-left: auto; margin-right: auto;\" src='https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png' /></p>"

HTML to reproduce the issue:

Html widget configuration:

Expected behavior:

Screenshots:

Device details and Flutter/Dart/flutter_html versions:

Stacktrace/Logcat

Additional info:

A picture of a cute animal (not mandatory but encouraged)

[tneotia]

It works fine for me on Flutter Web:

What device and plugin version do you have?

[dingjianjaja]

plugin : flutter_html: ^2.0.0;
device: iPhone/chrome... all device

code:

import 'package:flutter/material.dart';
import 'package:flutter_html/flutter_html.dart';

class YZHtmlWidgetTest extends StatefulWidget {
  @override
  _YZHtmlWidgetTestState createState() => _YZHtmlWidgetTestState();
}

class _YZHtmlWidgetTestState extends State<YZHtmlWidgetTest> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: SingleChildScrollView(
        child: Column(
          children: [Html(data: content), Html(data: notShowImageContent)],
        ),
      ),
    );
  }

  String content =
      "<p><img alt='Google' style=\" margin-left: auto; margin-right: auto;\" src='https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1148905979,3576202688&fm=26&gp=0.jpg' /></p>";

  String notShowImageContent =
      "<p><img alt='Google' style=\"display:block margin-left: auto; margin-right: auto;\" src='https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1148905979,3576202688&fm=26&gp=0.jpg' /></p>";
}

result:

the different is "display:block"

[dingjianjaja]

It works fine for me on Flutter Web:

What device and plugin version do you have?

plugin : flutter_html: ^2.0.0;
device: iPhone/chrome... all device

code:

import 'package:flutter/material.dart';
import 'package:flutter_html/flutter_html.dart';

class YZHtmlWidgetTest extends StatefulWidget {
  @override
  _YZHtmlWidgetTestState createState() => _YZHtmlWidgetTestState();
}

class _YZHtmlWidgetTestState extends State<YZHtmlWidgetTest> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: SingleChildScrollView(
        child: Column(
          children: [Html(data: content), Html(data: notShowImageContent)],
        ),
      ),
    );
  }

  String content =
      "<p><img alt='Google' style=\" margin-left: auto; margin-right: auto;\" src='https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1148905979,3576202688&fm=26&gp=0.jpg' /></p>";

  String notShowImageContent =
      "<p><img alt='Google' style=\"display:block margin-left: auto; margin-right: auto;\" src='https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1148905979,3576202688&fm=26&gp=0.jpg' /></p>";
}

result:

the different is "display:block"

[tneotia]

I used your exact code and it works perfectly fine for me:

Can you try on master branch?

flutter_html:
   git:
      url: https://github.com/Sub6Resources/flutter_html.git

[erickok]

@dingjianjaja Could you try the newly released 2.1.0 version?

[tneotia]

@erickok I can't reproduce this, we should be able to safely close it.