私はかなり研究して、アンドロイドのウェブページにレンダリングするためにローカルに配置されたWebページ(URLにvarsを取得した動的コンテンツを含む)反応したネイティブのイオス。 まずはこれも可能ですか? これを実現できる他のクロスプラットフォームモバイル開発テクノロジが存在しない場合は、反応したネイティブのデバイスにあるWebページをレンダリングする
ありがとうございました
私はかなり研究して、アンドロイドのウェブページにレンダリングするためにローカルに配置されたWebページ(URLにvarsを取得した動的コンテンツを含む)反応したネイティブのイオス。 まずはこれも可能ですか? これを実現できる他のクロスプラットフォームモバイル開発テクノロジが存在しない場合は、反応したネイティブのデバイスにあるWebページをレンダリングする
ありがとうございました
はい、ローカル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;"
/>
);
}
1.このようなことができたら、index.htmlにjsとcssの依存関係がありますか?私はこれが不可能であるかなりの場所を読んだ。 2.私の会社が作成したウェブサイトのコピーをiosシミュレータで使用している例がありますが、デバイスにコンパイルしたときには空白のwebviewしかありません。インターネット上のこの件に関するいくつかの質問では、反応がコンピュータサーバーを介してファイルにアクセスするため、コンピュータで可能な唯一の理由があるとの意見が出てきました。しかし、それはデバイスでは不可能です。これは正しいです? – TheMan68
注:私はこの例を試してみましたが、うまくいきます。ちょうど私がcssとjsを別々のファイルに置くとすぐに、それはアプリケーションを壊す。これは、単にメインファイルにhtmlがレンダリングされます。 – TheMan68
@ TheMan68はローカルまたはリモートのjsファイルとcssファイルですか? – FuzzyTree
ご返信ありがとうございます。 – TheMan68
私は、そのすべてが事前に作成されたコンテンツとして生成された方法について完全にはわかりませんが、私が知っているのは、jsで処理されるurl GET varsに基づいて生成されたxmlファイルと画像です。たとえば。 lang = fr then js loaded 'image-fr.jpg' – TheMan68