如何在 React Native View 中显示数学方程式

Question

如何在 React Native Views 中渲染数学方程式？对于 Web 应用程序，我们可以使用 LaTex 或 MathJax 解决方案。但是 React Native 渲染的是原生组件。使用 WebView 会很糟糕，因为每个 WebView 组件的 MathJax 加载都需要时间。 我们如何在 React Native Views（非 WebView）上渲染数学方程？

Answer 1

MathJax 允许您使用渲染 SVG，因此您可以尝试生成 SVG，然后在 React Native 中渲染它（我很确定它不会开箱即用，但至少它是一种方式）

Answer 2

React Native 中有一个 MathJax 库。库有时无法正常工作，但您应该尝试一下。 https://github.com/calvinkei/react-native-mathjax#readme

用法

<MathJax
  // HTML content with MathJax support
  html={'$\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}$<br><p>This is an equation</p>'}
  // MathJax config option
  mathJaxOptions={{
    messageStyle: 'none',
    extensions: [ 'tex2jax.js' ],
    jax: [ 'input/TeX', 'output/HTML-CSS' ],
    tex2jax: {
      inlineMath: [ ['$','$'], ['\\(','\\)'] ],
      displayMath: [ ['$$','$$'], ['\\[','\\]'] ],
      processEscapes: true,
    },
    TeX: {
      extensions: ['AMSmath.js','AMSsymbols.js','noErrors.js','noUndefined.js']
    }
  }}
  {...WebView props}
/>