BackgroundI try first time React Native Expo with typescript.so, I have no idea to use BottomTab.Screen
.
Q. I would like to change 「name="TabOne"」
to Japanese is 「ホーム」
.
// navigation/BottomTabNavigator.tsxconst BottomTab = createBottomTabNavigator<BottomTabParamList>();export default function BottomTabNavigator() { const colorScheme = useColorScheme(); return (<BottomTab.Navigator initialRouteName="TabOne" tabBarOptions={{ activeTintColor: Colors[colorScheme].tint }}><BottomTab.Screen name="TabOne" // ホーム component={TabOneNavigator} options={{ tabBarIcon: ({ color }) => <TabBarIcon name="home" color={color} />, }} /><BottomTab.Screen name="TabTwo"// タスク component={TabTwoNavigator} options={{ tabBarIcon: ({ color }) => <TabBarIcon name="task" color={color} />, }} /></BottomTab.Navigator> );}
// types.txexport type BottomTabParamList = { TabOne: undefined; TabTwo: undefined;};
※ memoThis project is React Native Expo with TypeSript.