gpt4 book ai didi

react-native - 如何更改 createMaterialBottomTabNavigator 标签样式(react-native)?

转载 作者:行者123 更新时间:2023-12-03 23:15:39 25 4
gpt4 key购买 nike

createMaterialBottomTabNavigatorreact-native 上添加 bottomTabNavigation 是一个非常好的解决方案,但我还没有找到一种方法来设计它的标签,这可能吗?

最佳答案

(react-navigation-material-bottom-tabs) 的官方文档没有提供任何标签样式,但您可以将它们样式如下:

navigationOptions: {
tabBarLabel: <Text style={{fontFamily : "pacifico", textAlign : "center"}}>Meals</Text>,
tabBarIcon: (tabInfo) => {
return (<MaterialCommunityIcons name="food-fork-drink" size={23}
color={tabInfo.tintColor}></MaterialCommunityIcons>)
},
tabBarColor: "#222f3e"
}

直接将样式应用到 tabBarLabel通过将其包装在 Text 中成分。

关于react-native - 如何更改 createMaterialBottomTabNavigator 标签样式(react-native)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51372270/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com