React Native: латекс не рендеринг должным образом с использованием реагируемого по-мэма-вида / реакции-коренного-матхяксJavascript

Форум по Javascript
Ответить
Anonymous
 React Native: латекс не рендеринг должным образом с использованием реагируемого по-мэма-вида / реакции-коренного-матхякс

Сообщение Anonymous »

Я пытаюсь отобразить математические уравнения латекса в моем нативном приложении React. Первоначально я попытался использовать реагирующий-мэтхякс-SVG и реагируемый по-мэм-мист, но ни один из них, кажется, не делает математику должным образом.import React from 'react';
import { View } from 'react-native';
import MathJaxSvg from 'react-native-mathjax-svg';

const App = () => {
return (



);
};

export default App;
< /code>
🛑 Проблема: ничто не визует на экране, и я вижу повторные журналы: < /p>
(NOBRIDGE) LOG MathJaxSvg [Function MathJax]
It seems like the component is not bridging properly.
< /code>
2⃣ с использованием react-cnative-math-view
jsx < /p>
import React from 'react';
import { View, Text } from 'react-native';
import MathView from 'react-native-math-view';

const App = () => {
return (

Testing MathJax:


);
};
< /code>
export app app;
🛑 Проблема: Компонент ничего не визует. Журналы ошибок показывают: < /p>
Warning: React.jsx: type is invalid -- expected a string or function but got: undefined.
< /code>
3⃣ Что работает (но не идеально)
Использование реагируемого webview с MathJax: < /p>
import React from 'react';
import { View, Text } from 'react-native';
import { WebView } from 'react-native-webview';

const mathJaxHTML = `







Testing MathJax

\\( E = mc^2 \\)



`;

const App = () => {
return (

Testing MathJax in WebView:


);
};
< /code>
export по умолчанию приложение по умолчанию;
✅ Это работает, но Webview является дорого и медленным для рендеринга латекса в масштабе. build.gradle или связывание вручную)?
❓ Есть ли альтернатива, которая не зависит от реагирования-клиент-webview < /code>? < /p>
среда: < /p>
React Native Version: 0.73.3
react-native-mathjax-svg: 0.9.9
react-native-math-view: 3.9.5
Platform: Android & iOS
JavaScript Runtime: Hermes enabled
< /code>
Любые идеи или исправления будут высоко оценены! 🚀

Подробнее здесь: https://stackoverflow.com/questions/795 ... view-react
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»