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

Flutter 如何在颤振中正确实现数学方程(TeX),flutter,flutter-layout,mathjax,tex,flutter-tex,Flutter,Flutter Layout,Mathjax,Tex,Flutter Tex,我尝试使用颤振TeX软件包在颤振应用程序中实现数学方程。渲染这个方程需要很多时间。 它看起来不像我想的那么好。在不影响设计的情况下,是否有其他实现可以有效地使用数学化学和其他复杂格式的方程式 这是我的密码: 导入“包装:颤振/材料.省道”; 进口“包装:颤振_-tex/颤振_-tex.dart”; void main()=>runApp(MyApp()); 类MyApp扩展了无状态小部件{ //此小部件是应用程序的根。 @凌驾 小部件构建(构建上下文){ 返回材料PP( 主页:MyHomePag

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

这是我的密码:

导入“包装:颤振/材料.省道”;
进口“包装:颤振_-tex/颤振_-tex.dart”;
void main()=>runApp(MyApp());
类MyApp扩展了无状态小部件{
//此小部件是应用程序的根。
@凌驾
小部件构建(构建上下文){
返回材料PP(
主页:MyHomePage(),
);
}
}
类MyHomePage扩展了无状态小部件{
@凌驾
小部件构建(构建上下文){
返回脚手架(
背景颜色:颜色。灰色,
正文:TeXView(
teXHTML:r”“”
#myDiv
{颜色:#CC0000,}
$$x={-b\pm\sqrt{b^2-4ac}\over 2a}$$
""" ,
renderingEngine:renderingEngine.Katex,//Katex用于快速渲染,MathJax用于高质量渲染。
onRenderFinished:(高度){
打印(“小部件高度为:$Height”);
},   
onPageFinished:(字符串){
打印(“页面加载完成”);
},
)
);
}}

以下是输出:[屏幕截图][1]

只需查看最新版本,添加了样式设置功能,现在您可以非常轻松地设置每个和所有内容的样式。此版本中有一些API更改,因此请在升级之前小心,并在继续之前检查示例

至于渲染速度,您应该将渲染引擎从Mathjax更改为比Mathjax快得多的Katex。e、 g.
renderingEngine:renderingEngine.Katex

现在还有(完全公开:我是作者)

不需要web视图,这就是为什么您可以非常快速地渲染方程式的原因(基本上与任何其他小部件一样快)

注意:它目前处于预发布阶段,这意味着许多功能仍然不受支持

import'包装:catex/catex.dart';
小部件构建(BuildContext context)=>CaTeX(r'x={-b\pm\frac{\sqrt{b^2-4ac}}}{2a}');

有没有一种方法可以将自定义字体与内联文本一起使用?目前,这是不可能的,但正在进行中。您好,我在flutter_tex中集成了自定义字体功能,请检查。嘿!太棒了。看起来好多了。谢谢你的工作。非常感谢!它能够呈现内联数学方程吗?类似于
$\sum{i=1}^\infty\frac{1}{n^2}=\frac{\pi^2}{6}$的结果是众所周知的。