React Native 与 iOS交互通信

作者: iOS_成才录 | 来源:发表于2016-04-08 15:11 被阅读1276次
  • 学习React native 与 iOS混编的demo,参照百度糯米开发APP开发。

1、参考官网

2、React native 与 Swift 互调

1、实现效果:点击React native的ListView的一行,然后 调用Swfit代码的 
addEvent方法(callback:回调js代码执行alert('d'), 然后执行Swift代码进行控制器跳转)
效果图:iOS调用回调React native弹框 ‘test’,然后 React 调 Swift点击进行跳转.gif
  • 混编头文件配置,导入需要的头文件


    1.png
2.png
typedef void (^RCTResponseSenderBlock)(NSArray *response);
3.png
  • js 调用iOS代码;iOS回调处理


    4.png
5.png

2、解析:

  • 图中:1. ReactNative 调用iOS代码
    • ManagerBridger.addEvent(......)
   var ManagerBridger = require('react-native').NativeModules.ManagerBridger;
   ManagerBridger.addEvent(titleName, ()=>{
     alert('d');
   });
  • 图中:2. iOS 回调 React native 代码-> 借助RCTResponseSenderBlock 进行回调处理
ManagerBridger.addEvent(titleName, ()=>{
     alert('d');
});

相关文章

网友评论

本文标题:React Native 与 iOS交互通信

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