Question

flutter_html包应该能够正确显示html元素。但是，当我尝试呈现一个简单示例（或github提供的示例）时，不会显示sub和sup元素。（不仅显示不正确，而且根本不显示）。也没有 Android Studio引发任何警告/错误

我正在Ubuntu 18.4上运行最新版本的Android Studio。在安装示例应用程序和带有Android 9.0的模拟Pixel 2以及三星Galaxy A5（2017）时出现问题。我在flutter_html github存储库中打开了一个问题，但在询问其他信息后，作者仍然保持沉默。

flutter项目中的main.dart文件如下：

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

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter Demo',
      theme: new ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: new MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => new _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text(widget.title),
      ),
      body: new Center(
        child: SingleChildScrollView(
          child: Html(
            data: """
            <body>
      <div>x<sup>2</sup></div>
      </body>
  """,
          ),
        ),
      ),
    );
  }
}

在我写的pubspec.yaml中：

flutter_html: ^0.10.4

main.dart结果为：

代替：

x^2

Answer 1

因为“ HtmlRichTextParser”似乎不支持“ <sup>”和“ <sub>”，但默认情况下处于启用状态。通过设置

Html( useRichText = false, ...

在Html小部件的控件中，示例正确显示。

为什么使用flutter_html包在我的flutter应用程序中未显示<sup>和<sub> html元素？

1 个答案: