Question

我创建了应用程序，其中我有3个选项卡，使用React Native显示网页。每次我从选项卡1切换到选项卡2，然后再切换回选项卡1，webview仍然正常工作而不重新加载，但是当我切换到选项卡3时，当我回到选项卡1或选项卡时，选项卡1和2被重新加载从标签3开始，我认为它不适用于带有WebView的3个标签？

我使用react-native-router-flux制作标签栏。

<Scene key="root" tabs={true}>
    <Scene key="menus">
        <Scene key="tabbar" tabs={true} tabBarStyle={{backgroundColor:'#f7f7f7'}}>
            <Scene key="Schedule" component={Schedule} title="Schedule" icon={TabIcon} hideNavBar={true}/>
            <Scene key="Chatbox" component={Chatbox} title="Chatbox" icon={TabIcon} hideNavBar={true}/>
            <Scene key="Home" component={Home} title="Home" icon={TabIcon} hideNavBar={true}/>
            <Scene key="Podcast" component={Podcast} title="Podcast" icon={TabIcon} hideNavBar={true}/>
            <Scene key="About" component={About} title="About" icon={TabIcon} hideNavBar={true}/>
        </Scene>
    </Scene>
</Scene>

这是3页中的1页的WebView代码：

var sourceChatbox = {uri: 'URL_HERE'};
return(
     <Container>
         {this.renderHeader()}

         <Content contentContainerStyle={{flex: 1, margin: 10, marginBottom: 60}}>
             <WebView source={sourceChatbox}/>
         </Content>
     </Container>
);

感谢您的帮助。

Answer 1

我之前从未使用过react-native-router-flux，目前更多人正在使用react-navigation，也许你应该检查一下

如何防止重新加载WebView页面[Android React Native]

1 个答案: