Перенести Android webview на React-Native-Webview

#reactjs #react-native-android #hybrid-mobile-app #mobile-webkit #react-native-bridge

#reactjs #react-native #гибридное мобильное приложение #мобильный-webkit #react-native-мост

Вопрос:

У меня есть гибридное приложение для Android, которое использует Android WebView для рендеринга веб-страниц.

У меня есть редактор Wiziwig (который написан на HTML, javascript и css). Я использую интерфейс Webkit для обмена данными между Java и JavaScript

Я хочу интегрировать React Native в свой редактор. Ранее я использовал модели JavaScript и функции JS для реализации различных функциональных возможностей в редакторе WiziWig и манипулирования DOM.

Но его пользовательский интерфейс не является быстрым и привлекательным. Кроме того, я интегрировал движок Twitter BloodHound в Editor. Всякий раз, когда пользователь вводит текст в редакторе, список заголовков движка BloodHound Engine отстает.

Я подумываю об использовании React Native в моем редакторе. С React Native я также могу использовать собственные компоненты Android для отображения сообщений и других вещей вместо моделей JavaScript. Есть и другие возможности улучшения с помощью React Native.

Я создал демонстрационное приложение, в котором я могу обмениваться данными между кодом Java и Javascript, используя модули React Native.

Вопрос

В моем WiziWig уже так много кода написано на HTML, CSS и обычном JavaScript. Для того, чтобы преобразовать мой код в React Native и использовать собственные компоненты для пользовательского интерфейса, потребовалось бы много времени.

Есть ли способ, которым я могу использовать свою старую кодовую базу в React Native, а затем я медленно переношу код на React Native, используя JSX и компоненты.

Я видел, что в React Native есть функция рендеринга для рендеринга содержимого html. Но я должен написать простой JS-код на JSX. Есть ли быстрый способ сделать это. Потому что в моем файле уже 4495 строк кода.

Заранее спасибо