小编Dan*_*les的帖子

如何在 Flutter 的输入文本字段中动态渲染 TeX 方程？

长话短说

我需要在用户输入时在 Flutter 文本输入字段中渲染 LaTeX 方程

目标

我目前正在开发一个适用于网络/桌面的 Flutter 项目，我需要能够在用户打字时在输入字段中渲染 LaTeX/TeX 方程。例如，如果用户键入 \xe2\x80\x9csqrt\xe2\x80\x9d，则 sqrt 所在位置会出现一个平方根符号。这将允许复杂函数的简单数学输入，用户可以输入如下内容：

\xe2\x80\x9cint 1 2 sqrt(sin(x/2)^2)\xe2\x80\x9d

键入时，该方程将连续呈现在同一个输入框中，最终看起来像：

方程渲染示例

我计划允许用户使用很多不同的数学符号/函数。

MathQuill项目是与我想要实现的目标极其相似的实现。然而，虽然 MathQuill 与 JavaScript 和 React 配合得很好，但我还没有找到在 Flutter 中使用它的方法。如果有一种方法将其移植到 Flutter 中，可以完美满足我的需求。

要求和偏好

要求

在他们输入的同一个输入框中呈现 TeX。
实时渲染 TeX。用户在键入时应该能够看到当前文本框中的更改。在Desmos的数学输入框中可以看到我想要的一个很好（但非常简单）的演示。我不希望用户必须按 Enter 才能看到他们的更改，它应该在键入时发生。
不能基于点击的方程输入。我希望用户能够输入 \xe2\x80\x9csqrt\xe2\x80\x9d、\xe2\x80\x9cint\xe2\x80\x9d、\xe2\x80\x9cprod\xe2\x80\x9d、\xe2 \x80\x9csum\xe2\x80\x9d 等...不要使用某种屏幕键盘单击平方根或积分按钮。（例如，Flutter\xe2\x80\x99s math_keyboard不适用于我的项目）
基于颤振的解决方案。

优先