WebView Local HTML и холст?

Question

Что касается экспериментов, я возился с компонентом WebView и играл с загрузкой в ​​локальные HTML-файлы.Теперь я хочу сказать, что у меня есть элемент canvas в моем локальном HTML-файле, и я рендерил игру на холсте.Как мне связать мой код React-Native со сценарием Canvas локального HTML?Я искал, как взаимодействовать с HTML-кодом веб-просмотра и реагировать на натив, и они говорят, что в WebView есть реквизит injectedJavaScript, который требует строку кода для выполнения в веб-представлении.Проверьте документы здесь.https://facebook.github.io/react-native/docs/webview

Но как же я справлюсь с игрой из кода холста в этом случае только с помощью injectJavaScript ???Есть ли другой способ разрешить связь между моим собственным кодом реакции и локальным кодом веб-просмотра HTML / JS ???

Примечание также проверьте этот веб-сайт, что также улучшает мое объяснение того, что я хочу, а также.Хотя я до сих пор не уверен, как правильно сделать мой код игры / холста с строковым кодом js ... https://www.undefinednull.com/2015/12/27/injecting-custom-javascript-into-react-natives-webview/

Любой из ответов ваших парней сейчас слишком важен для меня, я былпытаюсь разобраться в этом уже неделю ...

Answer 1

Для связи между кодом Java или Kotlin с Javascript в Android в WebView единственным способом будет использование аннотации @JavascriptInterface, которая в основном обеспечивает определенный метод для кода JavaScript.

Вы также можете вызывать функции, определенные в Javascript, из вашего кода Java / Kotlin.Однако я бы посоветовал вам связать эти функции с window.Итак, у вас есть функция в JS, такая как: window.test().

В документации Android есть также эта замечательная статья , которая объясняет, как это реализовать.