React Navigation结合Android原生Activity：启动相机Activity不隐藏底部导航

直接给你几个可行的实现思路，都是实际项目里能用的：

方案一：把原生相机封装成React Native组件（最推荐） #

别单独启动新的Activity，把Kotlin写的相机逻辑封装成React Native可以直接调用的原生组件，这样相机就像普通RN组件一样嵌在你的RN页面里，底部导航自然不会消失。

• 具体操作：
  1. 在Android端写一个继承自SimpleViewManager<CameraView>的类，在createViewInstance方法里初始化相机预览、设置拍照逻辑；
  2. 把这个ViewManager注册到RN的Package里；
  3. 在RN代码里通过requireNativeComponent引入这个相机组件，直接放在页面布局中，比如：

     import { requireNativeComponent } from 'react-native';
     const CameraView = requireNativeComponent('CameraView');
     
     // 在页面中使用
     function CameraScreen() {
       return (
         <View style={{flex: 1}}>
           <CameraView style={{flex: 1}} />
         </View>
       );
     }
     

  这样整个页面还是RN的页面，底部标签导航完全不受影响。

方案二：把原生相机Activity改成Dialog样式 #

修改相机Activity的配置，让它以Dialog的形式启动，不会全屏覆盖RN的主Activity，这样底部导航就能留在下面显示。

• 具体操作：
  1. 在AndroidManifest.xml里给相机Activity添加主题配置：

     <activity
         android:name=".CameraActivity"
         android:theme="@style/Theme.AppCompat.Light.Dialog"
         android:windowSoftInputMode="adjustResize">
     </activity>
     

  2. 可以自定义Dialog主题，调整窗口大小、位置，比如让相机占满除了底部导航之外的区域，避免遮挡；
  3. 注意处理相机Activity的生命周期，退出时及时释放相机资源，防止内存泄漏。

方案三：将相机作为Fragment嵌入RN主Activity #

不启动新Activity，而是在RN的主Activity里添加相机Fragment，通过Native Module控制Fragment的显示和隐藏，这样整个页面还是RN的上下文，底部导航不会消失。

• 具体操作：
  1. 写一个CameraFragment，实现相机的预览和拍照逻辑；
  2. 在RN的MainActivity里添加一个FrameLayout作为Fragment容器；
  3. 写一个Native Module，提供显示/隐藏相机Fragment的方法，RN端调用这个方法来触发相机显示；
  4. 相机Fragment会覆盖在RN页面上方（或者指定区域），底部导航保持可见。

内容的提问来源于stack exchange，提问作者Keshav Khetan