Flutter：我可以将数学方程式放入文本小部件中吗

Question

我正在尝试制作一个数学问答游戏，我需要在数学方程式正常显示的同时使用自定义字体显示非数学文本。

注意：我要显示的数学方程非常简单

我正在使用flutter_math_fork which is a fork of flutter_math，如果有更好的替代品可以满足我的要求，请告诉我。

那么有没有办法做类似的事情，例如：

Text("${Math.tex("2^{5}")} This is a Normal Text", style: TextStyle(fontFamily:"Custom Font")

感谢您的宝贵时间。

Answer 1

看看Flutter Tex

这是一个 Flutter 包，用于渲染基于 LaTeX、TeX 和 MathML 的数学/数学、物理和化学、统计方程和表达式，支持 HTML 和 JavaScript .

这里有一个 Tex 和 Text 在一起的例子

以下代码请访问here-

Answer 2

我发现了一个很棒的包，它使用 CaTeX its called katex_flutter 它完全符合我的要求，你只需要在文本小部件中用美元符号 ($) 包围数学方程式，它会自动将正常的分隔开从数学方程式中提取文本并将它们呈现在 CaTeX 中。这是一个简单的例子：

DefaultTextStyle(
  textAlign: TextAlign.center,
  style: TextStyle(
           fontSize: 20
           ),
 child: KaTeX(
 laTeXCode: Text(
        r"This is a question $x=3^2+3^2$",
   style: TextStyle(
   color: Colors.white,
   fontFamily: "CustomFont-Bold"
            )
         ),
      ),
    )

输出：

Flutter：我可以将数学方程式放入文本小部件中吗

Flutter: Can I put Math equations inside a Text Widget

flutter

dart

tex