React Navigation右侧抽屉在移动浏览器中的异常行为及跨端一致性问题求助

各位大佬好！最近在给我的React Native（Expo）应用做RTL语言适配，核心需求是把抽屉导航从默认左侧改成右侧，结果遇到了一个跨端一致性的坑，实在搞不定来求助了😭

问题场景与表现 #

我用@react-navigation/drawer创建了抽屉导航，设置screenOptions里的drawerPosition为'right'，目的是适配RTL语言的布局习惯。目前的表现很奇怪：

• ✅ 桌面浏览器（比如Chrome桌面版）、Android端的Expo Go应用里完全正常：抽屉从右侧滑出，关闭后完全隐藏，页面布局也没有异常。
• ❌ 移动浏览器（测试了手机Chrome和Safari）里出问题了：抽屉处于关闭状态时，居然整个抽屉组件都渲染在页面里，只是位置在可视区域外，用户可以通过滚动页面、缩放屏幕看到它的存在；更诡异的是，如果我先打开抽屉，再切换页面，抽屉就能正常工作（直到页面刷新），但如果抽屉是关闭状态下切换页面，问题就又出现了。

我的代码片段 #

import { createDrawerNavigator } from '@react-navigation/drawer';
import Index from './index';
import Test from './test';

const Drawer = createDrawerNavigator();

export default function RootLayout() {
  return (
    <Drawer.Navigator screenOptions={{drawerPosition:'right'}}>
      <Drawer.Screen name="index" component={Index} />
      <Drawer.Screen name="test" component={Test} />
    </Drawer.Navigator>
  );
}

期望效果 #

我希望右侧抽屉的行为能和默认左侧抽屉完全一致，移动浏览器里的体验和Android端Expo Go保持统一：关闭抽屉时它完全隐藏，不会出现在页面的可视区域外，用户也无法通过滚动、缩放看到它。

我已经尝试过检查视图层级、手动调整抽屉的style属性，但都没找到问题根源。有没有朋友遇到过类似的情况？或者有什么调试方向可以指点一下？

内容来源于stack exchange