React native 如何在本机视图中显示数学公式

如何在本机视图中渲染数学方程？对于web应用程序，我们可以使用LaTex或MathJax解决方案。但是React Native渲染本机组件。使用WebView会很糟糕，因为MathJax加载每个WebView组件都需要时间。

---

我们如何在React-Native视图（非WebView）上渲染数学公式？

MathJax允许您使用render

SVG

，因此您可以尝试生成SVG，然后在React-Native内部渲染它（我非常确定它不会开箱即用，但至少这是一种方式）

React-Native中有一个MathJax库。库有时不能正常工作，但您应该尝试一下

用法

伙计们，到目前为止还没有解决方案，我也是。我想要这个答案。你能找到合适的解决方案吗？@suman你能找到任何解决方案吗？没有。我没有找到解决方案。请不要只是发布一些工具或库作为答案。至少要在答案本身上加以证明。

<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}
/>