混合应用使用react-navigation调用起来RN指定的某个界面
来源:互联网 发布:脸上有横肉知乎 编辑:程序博客网 时间:2024/05/17 12:04
今天来讲解一下react-navigation的一个深链接,如果开发了混合应用然后,想要使得在原生页面开启RN的指定界面。
之前的第一个想法就是使用时间总线去处理,在原生的位子发出一个信息给RN,告诉他说,这个页面需要跳转到某个指定的RN界面,可是遇到了一个很蛋疼的问题,首先这样开启必然会开启一下首页的页面,然后在跳转到我们指定的页面,这样的效果会闪一下我们的首页,导致的效果非常的差。
之后便去查了一下资料,可是在react-navigation的官网只有第三方应用开启RN指定页面,或者是一个连接。但是这个不是不满足吗?这个时候,我还是都看了一遍,结果发现到了下面这一段代码:
<intent-filter>
<action android:name="android.intent.action.VIEW" />
<category android:name="android.intent.category.DEFAULT" />
<category android:name="android.intent.category.BROWSABLE" />
<data android:scheme="demo"
android:host="demo" />
</intent-filter>
是不是非常像android的广播,只是类似?这个时候我就考虑到了是否能够对自己的应用内部开启。
后面就进行了一系列的操作:
安卓源码调用:
Intent intent = new Intent();
intent.setAction(Intent.ACTION_VIEW);
Uri uri = Uri.parse("demo://demo/app");
intent.setData(uri);
startActivity(intent);
后续再RN这边也要进行一个操作:
最重要的一步是:
const prefix = Platform.OS === 'android' ? 'demo://demo/' : 'demo://';
const MainApp = () => <Simple uriPrefix={prefix}/>;
AppRegistry.registerComponent('Simple', () => MainApp);
导入我们的注册里面去。
ios配置以及源码
这样子react-navigation的注册搞定,就可以安心调用了。
然后在debug情况会出现闪屏的情况,所以我们需要打一个正式包,这样就完美解决了
- 混合应用使用react-navigation调用起来RN指定的某个界面
- react-navigation的使用
- RN中的navigation的使用方式 demo
- react-native 使用Navigation跳转界面
- react-navigation Navigation使用
- 【React Native开发】- React Navigation的使用
- react-native-navigation-drawer的使用
- 官方推荐react-navigation的使用
- 官方推荐react-navigation的使用
- 官方推荐react-navigation的使用
- react-native navigation的学习与使用
- rn+redux+immutable+saga+react-navigation技术栈
- react-navigation 简单使用
- react-navigation使用
- react-navigation使用技巧
- react-navigation使用
- react-navigation使用心得
- React Navigation基础使用
- 如何配置luogu,codeforces的spj(special judge)
- LeetCode 746. Min Cost Climbing Stairs
- java未来发展方向!新手入门了解
- Oracle Sql语句
- 简单的布局切换
- 混合应用使用react-navigation调用起来RN指定的某个界面
- 小朋友学C语言(36):宏定义
- 仿京东的购物车和订单
- 使用 Python 模块 re 实现解析小工具
- Tabla 的使用
- 彩谱-生活实用小助手APP upportUrl
- TF-IDF
- 请解释final finally finalize的区别
- DevExpress XtraScheduler日程管理控件应用实例(1)-- 基本使用