reactjs - 如何在 Tabnav 上方添加标题
问题描述
像这个..
此选项卡导航器位于堆栈导航器内部。我在下面添加了我的代码。我只想在此 TabNavigator 上方添加上图所示的标题。
const tabnavigator = createMaterialTopTabNavigator({
Home:{
screen:HomeStack,
navigationOptions:{
//tabBarLabel:'Home',
tabBarIcon: ({tintColor,focused}) =>(
<Image style={{width:18,height:20}} source={image = focused? require('../images/Icons/HomeIcons/homered3x.png') : require('../images/Icons/HomeIcons/home3x.png')}/>
),
}
},
Packages:{
screen:PackagesStack,
navigationOptions:{
//tabBarLabel:'Packages',
tabBarIcon:({tintColor,focused})=>(
<Image style={{width:15,height:20}} source={image = focused? require('../images/Icons/HomeIcons/packagesred3x.png') : require('../images/Icons/HomeIcons/packages3x.png')}/>
)
}
}
},{tabBarOptions:{showLabel:false,showIcon:true,tabStyle:{backgroundColor:'white'}}});
const tabnav = createAppContainer(tabnavigator);
export default tabnav;
解决方案
推荐阅读
- python - 转换带有开始/停止时间标签的时间序列数据框
- javascript - 如何将额外的参数传递给 JS Array.forEach()
- python - Flask - 使用 HTML 类闪烁
- swift - 如何制作带圆角的窗户
- google-chrome-extension - 扩展图标大小差异的原因是什么?
- java - 如何使用 Vision api 一次检测多个二维码?
- java - Java流乘法并返回乘法之和
- python - Python:从范围(n)生成k元组,仅按顺序包含元组
- java - 如何使用 Spring Security 模拟身份验证和授权
- typescript - Raycast 没有击中原始几何网格