资讯专栏INFORMATION COLUMN

RN中webview的一些思考

call_me_R / 1652人阅读

摘要:遇到的坑和通信时,会有一些延迟导致不能立即生效具体描述在使用时,需要加载外部网页,加载后,提供一个按钮可以关闭网页,但如果打开的是内部网页就需要隐藏这个按钮,代码使用写的,在时,发送给客户端,此时发现收不到,查阅官方文档后得已解决。

遇到的坑:webview和h5通信时,会有一些延迟导致不能立即生效
具体描述:在使用react-native时,需要加载外部网页,加载后,RN提供一个按钮可以关闭网页,但如果打开的是内部网页就需要隐藏这个按钮,h5代码使用react写的,在componentDidMount时,发送postmessage给客户端(RN),此时发现收不到,查阅react-native官方文档后得已解决。
解决过程:
https://github.com/facebook/r...,解释了为什么要延迟
https://github.com/react-nati... 解释了,升级后的webview为什么postmessage不能直接用

import React from "react";
import { WebView } from "react-native";

export default class myComponent extends React.Component {
    public hide(){
        // 隐藏按钮的逻辑
        // 建立一个白名单,在白名单里的域名隐藏按钮,之外的不做处理
    }
    public render(): React.ReactNode {
        const { navigation } = this.props;

        const { state } = navigation;

        const { params } = state;

        return ;
    }
}

感觉对你有帮助的话,支持一下哈:

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/106057.html

相关文章

  • 开源国专访:Chameleon原理首发,其它跨多端统一框架都是假

    摘要:中国互联网络信息中心发布的中国互联网络发展状况统计报告显示,截至年月,我国网民规模达亿人,微信月活亿支付宝月活亿百度月活亿另一方面,中国手机占智能手机整体的比例超过,月活约亿。在年末正式发布了面向未来的跨端的。 开源中国专访:Chameleon原理首发,其它跨多端统一框架都是假的? 原创: 嘉宾-张楠 开源中国 以往我们说某一功能跨多端,往往是指在诸如 PC、移动等不同类型的设备之...

    GraphQuery 评论0 收藏0

发表评论

0条评论

call_me_R

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<