React Native导航抽屉:移除Screen项后出现空白滚动区域的问题
直接把title、drawerIcon、drawerLabel设为null没法真正移除抽屉里的项目,只是隐藏了内容,但该项目的容器还会留在抽屉中,这就导致了空白滚动区域。你可以用以下两种正确方式处理:
方法一:直接删除对应Screen项
如果这个路由不需要在抽屉里显示,直接从<Drawer.Navigator>中删掉整个<Drawer.Screen>组件就行。
方法二:通过样式隐藏项目容器
要是必须保留该路由(比如用于页面深层跳转),可以设置drawerItemStyle让整个项目容器彻底隐藏:
<Drawer.Screen name="abc" component={abc} options={{ drawerItemStyle: { display: 'none' }, }} />
这样既能保留路由配置,又不会在抽屉里显示任何内容,自然就不会出现空白滚动的问题了。
内容的提问来源于stack exchange,提问作者Anshif yaseen
相关产品推荐
相关产品推荐

