在 React Native 中更改 webview URL

Posted

技术标签:

【中文标题】在 React Native 中更改 webview URL【英文标题】:Change webview URL in React native 【发布时间】:2017-09-05 12:06:11 【问题描述】:

我有一个具有 WebView 和底部导航栏的应用。

后退、前进和重新加载按钮可以正常工作,因为有 goForward()、goBack() 和 reload() 方法。

但我也有一个主页按钮,应该加载起始网址。 我尝试使用this.setState 设置新网址,但它不起作用。

this.setState(
  ...this.state,
  url: DEFAULT_URL,
)

实际上它第一次工作。例如,如果我更改源中的 URL 并热重载,那么它就可以工作。但是,如果我单击任何链接,主页将不再起作用。

是否可以这样做,如果可以,我做错了什么?

【问题讨论】:

【参考方案1】:

我通过将时间戳附加到 url 来解决它,因为似乎设置一个“新”url 会触发新的 render() 或其他东西。

所以函数现在是这样的:

this.setState( url: `$DEFAULT_URL?t=$Date.now()` )

【讨论】:

这绝对是我在 *** 上看到的惊人答案。我喜欢你的工作方式..谢谢

以上是关于在 React Native 中更改 webview URL的主要内容,如果未能解决你的问题,请参考以下文章

如何在 react-native-webview 中启用安全上下文?

在 React Native 中更改视频源

在 React-native 中,如何更改 NavigatorIOS 的样式

如何在 react-native 中更改应用程序的显示名称

在 React Native 中更改应用名称

在 react-native 中更改 TextInput 焦点的 underlineColorAndroid