2016-10-05 7 views
1

私はかなり研究して、アンドロイドのウェブページにレンダリングするためにローカルに配置されたWebページ(URLにvarsを取​​得した動的コンテンツを含む)反応したネイティブのイオス。 まずはこれも可能ですか? これを実現できる他のクロスプラットフォームモバイル開発テクノロジが存在しない場合は、反応したネイティブのデバイスにあるWebページをレンダリングする

ありがとうございました

+0

ご返信ありがとうございます。 – TheMan68

+0

私は、そのすべてが事前に作成されたコンテンツとして生成された方法について完全にはわかりませんが、私が知っているのは、jsで処理されるurl GET varsに基づいて生成されたxmlファイルと画像です。たとえば。 lang = fr then js loaded 'image-fr.jpg' – TheMan68

答えて

1

はい、ローカルHTMLをウェブビューに読み込むことは可能です。あなたはrequire経由でhtmlをwebviewのsourceプロパティに渡すことができます。

render(): ReactElement<any> { 
     return (
     <WebView 
      style={{ 
      backgroundColor: BGWASH, 
      height: 100, 
      }} 
      source={require('./helloworld.html')} 
      scalesPageToFit={true} 
     /> 
    ); 
    } 

あなたはコンテンツが動的にするために、あなたの引数を含むJavaScriptを注入するinjectedJavaScriptプロパティを使用することができます。docsの例があります。

render(): ReactElement<any> { 
      return (
      <WebView 
       style={{ 
       backgroundColor: BGWASH, 
       height: 100, 
       }} 
       source={require('./helloworld.html')} 
       scalesPageToFit={true} 
       injectedJavaScript="var a = 1;" 
      /> 
     ); 
     } 
+0

1.このようなことができたら、index.htmlにjsとcssの依存関係がありますか?私はこれが不可能であるかなりの場所を読んだ。 2.私の会社が作成したウェブサイトのコピーをiosシミュレータで使用している例がありますが、デバイスにコンパイルしたときには空白のwebviewしかありません。インターネット上のこの件に関するいくつかの質問では、反応がコンピュータサーバーを介してファイルにアクセスするため、コンピュータで可能な唯一の理由があるとの意見が出てきました。しかし、それはデバイスでは不可能です。これは正しいです? – TheMan68

+0

注:私はこの例を試してみましたが、うまくいきます。ちょうど私がcssとjsを別々のファイルに置くとすぐに、それはアプリケーションを壊す。これは、単にメインファイルにhtmlがレンダリングされます。 – TheMan68

+0

@ TheMan68はローカルまたはリモートのjsファイルとcssファイルですか? – FuzzyTree

関連する問題