如何隐藏Bottom Tabs Navigator中的标题?已尝试tabBarShowLabel无效
要单独隐藏Bottom Tabs中某个标签的标题,无需全局设置tabBarShowLabel,直接在对应页面的options配置里单独控制即可:
- 方法一:给目标页面的
options添加tabBarShowLabel: false,直接隐藏该标签的标题:
<Tab.Screen name="目标页面名称" component={目标页面组件} options={{ tabBarShowLabel: false }} />
- 方法二:如果需要更灵活的控制,也可以将
tabBarLabel设为null来隐藏标题:
<Tab.Screen name="目标页面名称" component={目标页面组件} options={{ tabBarLabel: null }} />
这种方式仅对当前配置的标签生效,其他标签的标题会保持原有显示状态,刚好满足单个标题隐藏的需求。
内容的提问来源于stack exchange,提问作者Andon Mitev
相关产品推荐
相关产品推荐

