混合开发分为3种情况:
1、UI界面有React Native开发,但UI事件处理由原生代码来执行
举个简单的例子。登陆时有输入用户名、密码和登陆按钮,点击登陆按钮后,React Native组件将用户输入的用户名与密码传给原生代码编写的登陆模块,让原生代码执行登陆操作,原生代码通过网络向服务器发送登陆请求,并等待回应,服务器回应以后,原生代码再将登陆的成功与否以及其他一些需要UI展示的数据传递给React Native组件,React Native组件接受原生代码传来的数据,解析数据并执行UI更新。那么能不能让原生代码来开发UI界面,让React Native来处理UI事件呢?理论是可以的,但很少有人这么做,因为React Native的强项是UI开发,能使用React Native进行UI开发的优先使用React Native
2、将原来使用原生代码实现的UI小部分包装成React Native的自定义组件
也就是原来在原生代码中有很多被包装好的方法,想要在React Native 中来使用,把这些方法抛出一个方法名和入参口,在React Native中来进行调用,就可以调起端上原来的方法
3、应用界面在React Native开发的界面与原生代码开发的界面间切换
意思就是可以前一个界面是Native的,后一个是React Native的,界面之间的切换流畅无阻,可以从Native界面push到React Native界面,也何以再从React Native几面push到Native界面
React Native的混合开发概念
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
- React Native优秀博客,以及优秀的Github库列表(很多英文资料源自于[awesome-react-n...
- 导语 React Native是一套由 Facebook 开源的跨平台、动态更新的 Javascript 框架,其...
- 简短说明 收录一些好用的RN第三方组件,以方便日常的使用,大家有什么推荐的也可以跟我说,我加进去。如有冒犯,可以联...