React Navigation V6结合Expo使用presentation:"modal"不生效问题

解决方案 #

1. 完成原生依赖同步
   createNativeStackNavigator的模态效果完全依赖原生实现，配置属性不生效的首要原因是未完成原生依赖同步：

• iOS端：执行cd ios && pod install后重新编译运行项目，仅热重载无法让原生配置生效
• Android端：重新执行Gradle同步后重装应用

2. 适配安卓端模态表现
   安卓系统原生modal默认和普通页面一致为右侧滑入，若要实现和iOS一致的底部滑入模态效果，需要额外补充动画配置，修改你代码中的Stack.Group部分如下：

<Stack.Group 
  screenOptions={{ 
    presentation: "modal",
    animation: "slide_from_bottom",
    // 若需要模态背景半透明可添加以下配置
    contentStyle: { backgroundColor: 'transparent' }
  }}
>
  <Stack.Screen name="MyModal" component={ModalScreen} />
</Stack.Group>

3. 版本匹配校验
   如果使用Expo开发，需确保Expo SDK版本≥44，同时React Navigation相关依赖版本均为6.x正式版，跨大版本混用依赖也会导致属性不生效。

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