如何更改createMaterialBottomTabNavigator标签样式（react-native）？

Question

createMaterialBottomTabNavigator是在react-native上添加bottomTabNavigation的一个非常好的解决方案，但是我还没有找到样式标签的方法，这有可能吗？

Answer 1

（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。