如何在抽屉导航器的屏幕反应导航中设置自定义边框半径和zIndex？
如何在抽屉导航器的屏幕反应导航中设置自定义边框半径和zIndex？
提问于 2021-09-16 15:50:06
我正在使用react-navigation v6.1进行抽屉导航，我正在尝试实现以下内容：
目前，这是我能够实现的：
如何为用户导航过的堆栈或路由设置边框半径？
我尝试在screenOptions上为<Drawer.Navigator>设置sceneContainerStyle边界半径，但似乎场景视图中实际上有另一个子视图。
回答 1
Stack Overflow用户
发布于 2021-09-16 21:02:18
经过多次尝试，我发现了一个技巧，因为我使用的是嵌套的navigator。似乎navigator有一个子视图，它包装了当前的屏幕视图，首先我为：
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
)然后我得到了一个透明的屏幕视图，在将它们传递到导航屏幕<Stack.Screen>之前，我用backgroundColor设置为白色的视图包装了每个组件，作为设置的borderRadius。
结果：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69211537
复制相关文章
相似问题
腾讯云开发者
