react navigation capitalize disable Tab 禁止英文自动大写

在React Navigation中，如果你想禁用Tab Navigator中标签的自动大写功能，你可以通过设置tabBarOptions中的labelStyle属性，并使用textTransform: 'none'来实现。

下面是一个示例代码：

import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import { Text, StyleSheet } from 'react-native';
 
const Tab = createBottomTabNavigator();
 
const App = () => (
  <Tab.Navigator
    tabBarOptions={{
      labelStyle: {
        textTransform: 'none',
      },
    }}
  >
    <Tab.Screen name="Home" component={HomeScreen} />
    <Tab.Screen name="Profile" component={ProfileScreen} />
  </Tab.Navigator>
);
 
const styles = StyleSheet.create({
  label: {
    textTransform: 'none',
  },
});
 
export default App;

在这个例子中，tabBarOptions中的labelStyle被设置为一个样式对象，该对象内包含textTransform: 'none'属性，这将禁用标签的自动大写。这样，无论你的标签名称是大写还是小写，它都不会被自动转换成大写。