QQ登录

只需一步,快速开始

微信登录

扫一扫,访问微社区

乐分享

查看: 1200|回复: 0

React-native一级页面嵌入WebView,点击刷新当前页面

[复制链接]

176

主题

310

帖子

3458

积分

超级版主

Rank: 8Rank: 8

积分
3458
发表于 2017-10-14 21:33:22 | 显示全部楼层 |阅读模式


情景:
       我们在进行RN开发过程中,经常会遇到在一级页面嵌入webview的情况,这就有了想要点击刷新当前页面的需求。

解决方案:
       想要实现这种功能,我们要做的就是在Navigator页面的点击事件里加入页面刷新方法。
       1、Main页面
                        reload() {
                                if ( webref !== null) {
                                        if (webref.goBack()) {
                                                webref.goBack();
                                        }
                                        webref.reload();
                                }
                        };

                        onSelected(object) {
                                this.setState({
                                        selectedTab: object,
                                })
                                this.reload();
                        }

       2、WebView页面
                        const WEBVIEW_REF = 'webview';
                        global.webref = null;

                        componentDidMount() {
                                global.webref = this.refs[WEBVIEW_REF];
                                this.backPress.componentDidMount();
                        }


                        reload = () => {
                                this.setState({
                                        url: webApi.orderList + this.state.user.id + '&openid=' + this.props.user.openid
                                })
                                webref.reload();
                        };

                        <WebView
                                ref = {WEBVIEW_REF}
                                source={{uri: this.state.url}}
                                javaScriptEnabled={true}
                                startInLoadingState={true}
                                onNavigationStateChange={(e)=>this.onNavigationStateChange(e)}
                                style={styles.container}
                        />

一场繁花似锦的梦!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋| 乐分享

GMT+8, 2019-11-13 17:07 , Processed in 0.075541 second(s), 20 queries .

快速回复 返回顶部 返回列表