美文网首页React Native
React Native 跳转原生界面,原生界面跳转RN界面

React Native 跳转原生界面,原生界面跳转RN界面

作者: 幽玄727 | 来源:发表于2019-07-01 10:47 被阅读0次

    1.RN跳转原生界面

    在iOS中暴露出一个sendMessage的方法给RN,并可以传值,在iOS中创建一个ViewController的控制器,跳转界面,需要在主线程中

    注意:在iOS中AppDelegate中重新定义一个UINavigationController导航,作为整个app跳转界面使用,

    在RN中 在点击事件中,调用sendMessage并传,你需要传的值过去

    2.原生跳转到RN界面

    在原生中的点击事件中调用RN

    注意:由于原生跳转RN只能到默认的RN的入口文件index中,所有需要在Properties中设置componentName来做具体的区分,其中Appdelegate中也需要改动

    AppDelegate

    接下来就是重点,RN中的代码

    获取componentName来判断进入不同的界面

    其中NewApp作为一个新的界面(RN中界面的创建类名必须大写,否则会有可能找不到该类)

    相关文章

      网友评论

        本文标题:React Native 跳转原生界面,原生界面跳转RN界面

        本文链接:https://www.haomeiwen.com/subject/zngwcctx.html