react native与原生app集成多页面问题

根据react-native官方文档,已将react-native集成至原生app中,默认入口文件是index.android.js。

需求是这样:native页面打开rn页面,rn页面中再打开其他native页面。

1.根据官网文档,使用react-navigation进行页面跳转,但这只是rn多页面的跳转。我想在rn页面打开native页面,是不是要在rn中调用native代码,让native去打开一个新的native页面?

2.在第一点的基础上,新的native页面要打开一个新的rn页面(非之前的index.android.js对应的页面),是不是需要再写一个入口js文件并进行相关配置(比如person.android.js)?

阅读 4.5k
2 个回答

1:首先第一个问题 如果跳转到原生界面(用原生代码写的UI)那么你的确需要调用原生代码 去开启一个新的页面。
2:如果你要在返回的时候打开一个rn界面 你可以在原生发消息到rn并且传递数据,然后rn监听或者在rn调原生通讯时写回调(具体rn与原生通讯)然后在rn里面跳转页面。
done.

我的思路:

在native页面嵌入react页面(如果是类似于多个tab这样的,native页面可以是一个最大的容器,内部含有react页面),页面跳转都交给native来做

比如在react中某个操作要切换一个tab页面,就在rn中调用native的方法,native方法中去切换页面,这个切换很多方法了,和native一样,viewpager、fragment啥都行

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题