React Native:如何使用动态网址的require(路径)?

时间:2017-04-20 09:59:54

标签: javascript ios react-native require

我想使用WebView显示一些html内容

这是一个例子:

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

对于 source 变量,我需要有两个不同的值:

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上使用动态网址?

1 个答案:

答案 0 :(得分:4)

正如您所知, require 不能拥有动态 url 。这是因为 require 在应用程序启动时获取源代码,无论它在代码中的位置。你需要所有 {languageId} text.html 并将所需的变量传递给源:

source = require(language[en])

并使用如下:

{{1}}