react-native - 如何在抽屉导航器中的屏幕反应导航中设置自定义边框半径和 zIndex？

Question

我正在使用 react-navigation v 6.1 进行抽屉导航，我正在尝试实现以下功能：

目前这是我能够实现的：

如何为用户导航的堆栈或路线设置边界半径？

我试图设置sceneContainerStyle边界半径screenOptions，<Drawer.Navigator>但似乎场景视图内实际上还有另一个子视图。

Answer 1

经过大量试验后，我发现了一个 hack，因为我使用的是嵌套导航器，它看起来导航器有一个包含当前屏幕视图的子视图，首先我设置了主题：

import { NavigationContainer, DefaultTheme } from '@react-navigation/native';
import AppGlobalNavigator from './navigation'

const navigatorTheme = {
  ...DefaultTheme,
  colors: {
    ...DefaultTheme.colors,
    background: 'rgba(0, 0, 0, 0)',
  },
};


const App = () => )
 <NavigationContainer theme={navigatorTheme}>
    <AppGlobalNavigator/>
 </NavigationContainer
)

然后我得到了一个透明的屏幕视图，在将它们传递给 navigator screen 之前，我用backgroundColor设置为白色的视图包装了每个组件。borderRadius<Stack.Screen>

结果：