react-native - 如何设置 createMaterialBottomTabNavigator 的样式?
问题描述
我正在使用react-navigation-material-bottom-tabs
这个导航栏。唯一的问题是我无法控制标签的样式或栏的高度。除了使用顶部栏并将其定位到底部之外,我还能做什么?
export default HomeScreenTabNavigator = new
createMaterialBottomTabNavigator({
NewsFeed: { screen: FeedStack},
Social: { screen: SocialStack},
Planner: { screen: PlannerStack},
Boring: { screen: BoringStack},
Account: { screen: AccountStack},
},
{
navigationOptions: ({ navigation }) => ({
tabBarIcon: ({ focused, tintColor }) => {
const { routeName } = navigation.state;
let iconName;
if (routeName === 'Boring') {
iconName = `ios-add-circle${focused ? '' : '-outline'}`;
} else if (routeName === 'Social') {
iconName = `ios-alarm${focused ? '' : '-outline'}`;
} else if (routeName === 'NewsFeed') {
iconName = `ios-albums${focused ? '' : '-outline'}`;
}
return <Ionicons name={iconName} size={27} color={'#ffff'} />;
},
}),
tabBarOptions: {
showIcon: true,
},
barStyle: { backgroundColor: '#33ADFF'},
animationEnabled: true,
});
解决方案
推荐阅读
- r - 如何在 R 中的 For 循环中跳过错误。并提取导致错误的 i 列表单独处理它们
- python - Django 根据迁移修复现有数据库
- amazon-web-services - AWS Lambda 和版本上传?
- windows - 为什么命令提示符显示以下错误?
- c++ - 使用 Clang LibTooling 扫描在模板化父类中调用本地类的 C++ 源
- mysql - 我有一个计算并返回客户余额的函数,但它向我返回以下错误
- java - JAVA - 解析 XML 文件未正确存储数据
- java - 深度链接 - 从 Play 商店安装应用时获取数据
- apache - 禁止:您无权访问此服务器上的 / (centos 7)
- keras - 如何加载 .bin 模型文件?