2017-04-20 7 views
0

私はここにいくつかのHTMLコンテンツReact Native:require(path)を動的URLで使用する方法?

を表示するのWebViewを使用する例を示します。

return (
      <WebView 
        style={styles.container} 
        source={source} 
        scalesPageToFit={Boolean(true)} 
        onNavigationStateChange={this._onNavigationStateChange} /> 
    ) 

ソース変数のために私は2つの異なる値持っている必要があります:

1)についてアンドロイドプラットフォームこのようなものを使用する必要があります:

source = {uri: `file:///android_asset/contents/${languageId}text.html`} 

2)ios用mth。このように:

source = require(`../srv/localization/contents/${languageId}text.html`) 

これはうまく動作しますが、うまく動作しません。私はそれが原因で動的URLのであることを理解したよう 、次のURLも

require(`../srv/localization/contents/entext.html`) 

iOS用正常に動作します($ {言語ID} text.html)

質問はiOS用の動的URLを使用する方法ですか?

答えて

3

動的であることがわかりません。の場合、にはが必要です。 にはが必要です。これは、コードの場所に関係なく、アプリの開始時にソースを取得するためです。 P.S.をお読みください

source = require(language[en]) 
+0

を:あなたは{}言語ID text.htmlのすべてを必要とし、ソースに必要な変数を渡しshuld:

var language = { en: require('../srv/localization/contents/entext.html') ... } 

し、以下のようにそれを使用します@Meysam Izadmehr – Dmitry

+0

@ドミトリー、私は* var *で使用するための答えを編集しました。 t –

+0

良い解決策!!! – Dmitry

関連する問題