Flutter中Math.tex组件如何实现手动换行或自动换行？

手动换行 #

\n在TeX语法中不会被识别为换行符，需要使用TeX原生的换行命令：

• 若要在\text块内部手动换行，使用\newline命令，注意Dart中需要用raw字符串避免反斜杠被转义：

Math.tex(r'x=y \text{Equation 1 is \newline looooooooong}')

• 若要在公式和附加文本之间整行换行，使用\\命令，同时开启linebreak配置：

Math.tex(
  r'x=y \\ \text{Equation 1 is looooooooong}',
  options: MathOptions(linebreak: Linebreak.loose),
)

自动换行 #

flutter_math_fork默认不会对超出宽度的文本自动换行，需要结合布局约束和参数配置实现：

• 首先给Math组件添加宽松的宽度约束，比如放到Flexible、Expanded或者宽度为double.infinity的容器内，让组件可以获取到最大可用宽度
• 同时开启自动换行配置：

Flexible(
  child: Math.tex(
    r'x=y \text{Equation 1 is looooooooong very very long text that needs auto wrap}',
    options: MathOptions(
      linebreak: Linebreak.loose,
    ),
  ),
)

• 若\text块内的长文本自动换行效果不符合预期，建议直接将纯文本部分拆出，和Math组件组合使用，交给Flutter原生Text组件处理换行，适配性更高：

Wrap(
  children: [
    Math.tex(r'x=y '),
    Text('Equation 1 is looooooooong very very long text that needs auto wrap'),
  ],
)

内容的提问来源于stack exchange，提问作者MaccaBoyBoy