资讯专栏INFORMATION COLUMN

RN中webview的一些思考

call_me_R / 1604人阅读

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

遇到的坑: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

相关文章

  • ReactNative仿《ONE》APP

    摘要:仿又来了又写了一个,别急呀,我可没上次写的代码这是用写的基本界面都已经实现,当然了,有些地方图省事搞不定追求速度写的,就自然会导致退而求其次的实现方式代码结构可能不太规范清晰可能还有呢我不听我不听项目地址我的个人主页尽管风光无限几乎对各大 仿《ONE》APP又来了! 又写了一个《ONE》,别急呀,我可没copy上次写的代码~ 这是用ReactNative写的《ONE》 基本界面都已经实...

    SimonMa 评论0 收藏0

发表评论

0条评论

call_me_R

|高级讲师

TA的文章

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