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

【问题标题】：Flutter: Can I put Math equations inside a Text WidgetFlutter：我可以将数学方程式放在文本小部件中吗
【发布时间】：2021-06-21 17:25:50
【问题描述】：

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

注意：我试图展示的数学方程式非常简单

那么有没有办法做这样的事情，例如：

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

感谢您的宝贵时间。

【问题讨论】：

标签： flutter dart tex

【解决方案1】：

看看Flutter Tex

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

这是一个同时使用 Tex 和 Text 的示例

以下代码请访问here -

【讨论】：

这太棒了！非常感谢。

【解决方案2】：

我发现了一个使用 CaTeX 的大包，它被称为 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"
            )
         ),
      ),
    )

输出：

【讨论】：