flutter - 如何在 Flutter 中正确实现数学方程 (TeX)

Question

我尝试使用 flutter TeX 包在 flutter 应用程序中实现数学方程。渲染方程需要很多时间。
它看起来不像我想要的那么好。是否有任何其他实现可以在不影响设计的情况下有效地使用数学化学和其他复杂格式的方程。
这是我的代码:

import 'package:flutter/material.dart';
import 'package:flutter_tex/flutter_tex.dart';
void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey,
      body:TeXView(
          teXHTML: r"""
  <style>#myDiv 
   {color:   "#CC0000",}</style>

  <div id='myDiv'>$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$</div>
  """ ,
          renderingEngine: RenderingEngine.Katex,  // Katex for fast render and MathJax for quality render.
          onRenderFinished: (height) {
                print("Widget Height is : $height");
                },   
          onPageFinished: (string) {
                print("Page Loading finished");
              },
        )
    );
  }}

这是输出:[屏幕截图][1]

Answer 1

现在还有 catex package (完全披露:我是作者)。
CaTeX不需要 WebView ，这就是为什么您可以极其渲染方程 快速 (基本上和任何其他小部件一样快)。
注意:它目前处于预发布阶段，这意味着许多功能仍然不受支持。

import 'package:catex/catex.dart';

Widget build(BuildContext context) => CaTeX(r'x = {-b \pm \frac{\sqrt{b^2-4ac}}  {2a}}');