2016-04-29 20 views
0

現時点では、React-Nativeアプリ内のAndroidおよびiOSプロジェクトのWebViewに接続されている既存のJavaScriptインターフェイスを使用できますか?React-Nativeで既存のWebView JavascriptInterfaceを使用する

React-NativeはWebViewを実行するためにWebViewを使用しません。しかし、私はそれを作成することができますReact WebView。私の質問は...、perhabsは延長などに反応のいくつかの並べ替えを行い、作成した中で反応し、ネイティブのWebViewに添付JavaScriptのインタフェースを既存の使用についてです

背景:

私はいくつかAndroidとiOSのアプリケーションが使用して作られていWebView。 WebViewの場合、ネイティブデバイス環境の機能(Cordova/Phonegapなど)とサードパーティのSDKとライブラリ(1つは拡張現実感のSDK)にアクセスするために使用するjavascriptインターフェイス(すべてのアプリケーションと同じ)があります。 "ブリッジ"はこれらすべてのAPI呼び出しを処理します。

すべての単一のアプリケーションがWebView環境内で作成されます(ここでは、AngulerJS、JQueryなどのさまざまなjsライブラリとフレームワークを使用できます)。私のアプリケーションは、透明なhtmlボディ、拡張現実3Dシーン(3Dモデルと3Dインターフェイス)、テキスト、画像、リスト、フォーム、ポップアップ、ダイアログなどのHTMLビューの背後にあるカメラ画像のように見えます。

このスタックはかなり安定しており、多くのアプリを作っています。

私はReact-Nativeを見つけました。ネイティブのモバイルコンポーネントを使用して「2D」パート(これは常にHTMLで作成されていました)を実現することを考えました。だから問題は、React-Nativeコンテキストでjavascriptの "bridge"を使用することさえ可能ですか?私はこの「ブリッジ」がWebViewに接続されていることを意味していますが、どうしたらReact-Nativeで使用するように変換できますか?

答えて

1

いいえ、できません。リアクションネイティブは、フードの下ではWebViewsを使用せず、通常のiOS/Android UIコンポーネントを使用します。

+0

はい、React-NativeドゥーズはWebViewを使用していません。しかし、あなたは[リンク](https://facebook.github.io/react-native/docs/webview.html)のようにそれを作成することができます。私の質問は、既存のjavascriptインターフェイスを使用することです。perhabsはReact-Native WebViewで作成したものにアタッチし、ある種のReact拡張などを行います。 – misher

+0

RNはこれを試みます。 AFAIK WebViewは、他のウェブサイトを埋め込み、RNアプリとのやりとりを作成しないために使用することを目的としています –

+0

React AppからWebView内のjavascriptとやりとりすることができればうれしいです – misher

関連する問題