Как визуализировать математические уравнения в "Реагировании"? Для веб-приложений мы можем использовать решения 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}
/>