Реагирование на нативный WebView в автономном режиме или локальный контент - PullRequest
0 голосов
/ 06 июня 2018

Я создаю приложение React Native со встроенными AppCenter SDK (аналитика, отчеты о сбоях, CodePush для обновлений в приложении).Это приложение является только «оболочкой» для нашей онлайн-презентации.Требуется сделать его офлайн-первым с возможностью обновления оболочки или веб-презентации.

Моя идея заключалась в том, чтобы присоединить файлы веб-презентации к проекту React Native и WebView с локальным источником HTML. НО - работает только в эмуляторе.React Native packager (или bundler) позволяет отображать полный HTML-файл со всеми его внутренними зависимостями (JS, шрифты, CSS, другие ресурсы).Например:

import htmlSource from './presentation/index.html'

<WebView
    source={htmlSource}
    style={styles.webview}
/>

Это прекрасно работает на эмуляторе, но когда я создаю производственную сборку, комплект JS не содержит никаких HTML-зависимостей, поэтому презентация представляет собой только необработанный HTML без стилей и любых других ресурсов.Поэтому я не могу сделать полную презентацию с WebView.Создание версии CodePush (для обновления в приложении) - без ресурсов.

Есть ли у вас какие-либо идеи, как заставить это работать? Мне нужно иметь возможность отображать презентации, когда устройствонаходится в автономном режиме, но при подключении можно обновить его.

Мы не хотим выполнять полный процесс развертывания в App Store из-за его длительного процесса проверки / проверки.

Почемуработает на эмуляторе, но в производственной сборке он не работает?Можно ли сделать связку другим способом, чтобы прикрепить все зависимости файла HTMl?Или возможно автономно кэшировать содержимое WebView, если я укажу на URL-адрес?

Спасибо за любые идеи.

1 Ответ

0 голосов
/ 21 июня 2018

Реактивный собственный пакет - входной файл index.ios.js --platform ios --dev false --bundle-output release_ios / index.ios.jsbundle --assets-dest release_ios /

затем перетащите ваши локальные активы css 、 ... в активы

enter image description here

...