抽屉导航位置右侧

Question

右侧的抽屉导航位置给出了奇怪的行为。 Here's the behavior of drawer when position is set to right

我不确定为什么会出现这种行为，因为它应该像默认情况下一样工作。这是我的代码

<NavigationContainer>
  <Drawer.Navigator screenOptions={{drawerPosition: 'right'}}>
     <Drawer.Screen name="Test" component={Test} />
  </Drawer.Navigator>
</NavigationContainer>

环境

"@react-native-community/datetimepicker": "^5.1.0",
"@react-navigation/drawer": "^6.3.1",
"@react-navigation/native": "^6.0.8",
"@react-navigation/native-stack": "^6.5.0",
"moment": "^2.29.1",
"react": "17.0.2",
"react-native": "0.67.2",
"react-native-bootsplash": "^4.1.3",
"react-native-dropdown-picker": "^5.3.0",
"react-native-elements": "^3.4.2",
"react-native-gesture-handler": "^2.3.1",
"react-native-reanimated": "^2.4.1",
"react-native-safe-area-context": "^3.4.0",
"react-native-screens": "^3.11.1",
"react-native-svg": "^12.1.1",
"react-native-svg-transformer": "^1.0.0",
"react-native-vector-icons": "^9.1.0"

请帮助我解决这个问题。谢谢

Answer 1

screenOptions={{drawerPosition:'right',headerShown:false,drawerStyle:{right:0}}}

抽屉导航位置右侧

Drawer Navigation position right

javascript

navigation-drawer

reactjs

react-native

react-navigation