This module includes a component to render MathJax formulas in React Native App.
This is based on the local MathJax file instead of remote JS file.
$ npm install --save react-native-mathjax-local
The solution is implemented in JavaScript so no native module linking is required.
After install this package, MathJax directory will be created inside the directory / assets.
- Open Xcode workspace
- Drag and drop node_modules/react-native-mathjax-local/MathJax to
Project name
directory in Xcode - When a dialog shows up, make sure to check
Copy items if needed
andCreate folder references
- Press Finish
- Build & Run
- Copy node_modules/react-native-mathjax-local/MathJax to
android/app/src/main/assets
- Build & Run
import MathJax from 'react-native-mathjax-local';
<MathJax style={{
width: '100%',
height: 100
}}>
{"\\frac{1}{2\\pi}\\int_{-\\infty}^{\\infty}e^{-\\frac{x^2}{2}}dx"}
</MathJax>