Javascript react native webview仅在react navigation选项卡Navigator的活动选项卡上启动加载
我正在使用设置为Javascript react native webview仅在react navigation选项卡Navigator的活动选项卡上启动加载,javascript,react-native,react-navigation,react-native-webview,Javascript,React Native,React Navigation,React Native Webview,我正在使用设置为false的lazy。对于屏幕,我渲染了一个。正在调用render函数,因为我可以看到console.log,但实际的webview在选项卡激活之前不会开始加载。我启动的选项卡立即开始加载 标签 这是在将react-navigation从1.x升级到3.x并升级react-native和react-native-webview之后发生的。我希望webview立即开始加载,而不仅仅是在可见时加载。有同样的问题,我对此做了更多的研究: 这个问题在Android上没有出现,所以它来自于
false
的lazy
。对于屏幕,我渲染了一个。正在调用render函数,因为我可以看到console.log,但实际的webview在选项卡激活之前不会开始加载。我启动的选项卡立即开始加载
标签
这是在将
react-navigation
从1.x升级到3.x并升级react-native
和react-native-webview
之后发生的。我希望webview立即开始加载,而不仅仅是在可见时加载。有同样的问题,我对此做了更多的研究:
这个问题在Android上没有出现,所以它来自于iOS的实现
查看react native webview
的本机代码,该webview似乎正在didMoveToWindow
方法中加载,对窗口
属性的检查为非零,这导致仅在显示时加载webview
我认为使用react-native无法解决这个问题,因此我在react-native webview
包中提出了一个PR来解决这个特殊问题:
要在合并之前使用它,请在包中使用。json
:
"react-native-webview": "https://github.com/philippeauriach/react-native-webview#8b7015037d9c1329e4e65e1978e98c4897a928e6",
不要忘记运行cd-ios&&pod-install
,有时需要它
const TabNavigator = createBottomTabNavigator(
{
TabOne: {
screen: Tab
},
TabTwo: {
screen: Tab
}
},
{
initialRouteName: 'TabOne',
lazy: false,
}
)
"react-native-webview": "https://github.com/philippeauriach/react-native-webview#8b7015037d9c1329e4e65e1978e98c4897a928e6",