Источник:мы можем передать источник разными способами. Первый способ заключается в том, что мы можем напрямую передать html-контент в виде текста и передать заголовки аутентификации, если они необходимы для ссылок на изображения и т. д. Второй способ — мы можем передать uri, который может быть локальным или удаленным файлом.
Если источником является локальный файл, не забудьте установить для свойства allowFileAccess значение true для Android.
injectedJavascript: с помощью этого реквизита мы можем передать любой код js, который будет выполняться при запуске. Например, мы можем передать код js, чтобы открыть все ссылки в браузере, а не в WebView.
onMessage: это можно использовать для перекрестной связи между оконными объектами веб-представления и стороной React Native. В коде js мы можем просто сделать window.postMessage(data). На стороне RN мы могли прослушивать эти сообщения, используя onMessage(data).
Вот пример, который показывает, как использовать все вышеперечисленные реквизиты.
onLoad, onLoadStart, onLoadEnd: эти методы говорят сами за себя. Методы вызываются по завершении загрузки, в начале загрузки и при успешной или неудачной загрузке.
injectJavascript: этот метод можно вызвать в любое время с кодом js, переданным в качестве аргумента. Это выполняется сразу же после его вызова. Это можно использовать для связи между RN и веб-представлением.
Ниже приведен пример, демонстрирующий использование onLoadEnd и injectJavascript. Сразу после успешной загрузки веб-представления мы вводим код js для прокрутки веб-представления до указанного div.
реквизит стиля переполнения: в Android, если у нас есть комбинация компонентов RN и WebView в одном и том же представлении, компоненты RN не загружаются должным образом. Чтобы справиться с этим случаем, мы можем использовать свойство переполнения и сделать его скрытым.
