React Native：如何在動態網址中使用require（path）？

Question

我想使用WebView來顯示一些html內容

這是一個例子：

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

對於源變量，我需要具有兩個不同的值：

1）對於android平台，我需要使用以下代碼：

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

2）對於ios，我需要使用smth。 像這樣：

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

對於android來說，它運作良好，但對於ios，則不起作用。 而且這個網址也適用於iOS

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

據我了解，這是因為動態網址（$ {languageId} text.html）

問題是如何在iOS中使用動態網址？

Answer 1

如您所知，您不能具有require的動態URL 。 這是因為require不管在代碼中的位置如何，都在應用程序啟動時獲取源代碼。 您將需要所有{languageId} text.html並將所需的變量傳遞給源：

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

並如下使用：

source = require(language[en])