Как отображать математические уравнения в Реагентном представлении

Как визуализировать математические уравнения в "Реагировании"? Для веб-приложений мы можем использовать решения LaTex или MathJax. Но React Native предоставляет собственные компоненты. Использование WebView будет плохой, так как загрузка MathJax потребует времени для каждого компонента WebView. Как мы визуализируем математические уравнения в "Реагирующих естественных представлениях" (не-WebView)?

Ответ 1

MathJax позволяет вам использовать render SVG, чтобы вы могли сгенерировать SVG, а затем визуализировать его внутри React Native (я уверен, что он не будет работать из коробки, но, по крайней мере, это способ)

Ответ 2

Я работаю над решением. iOS имеет встроенный модуль под названием iosMath, android опирается на встроенный WebView.

Ответ 3

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