Files
lamp/app/(tabs)/_layout.tsx

19 lines
928 B
TypeScript

import { Tabs } from 'expo-router';
import Ionicons from "@expo/vector-icons/MaterialIcons"
export default function TabLayout() {
return (
<Tabs
screenOptions={{
headerShown: false,
tabBarActiveTintColor: "#00D48C",
tabBarInactiveTintColor: "#94A3B8",
}}
>
<Tabs.Screen name="index" options={{ title: '消息', tabBarIcon: ({ color }) => <Ionicons size={28} name="message" color={color} /> }} />
<Tabs.Screen name="contacts" options={{ title: '通讯录', tabBarIcon: ({ color }) => <Ionicons size={28} name="assignment-ind" color={color} /> }} />
<Tabs.Screen name="discover" options={{ title: '发现', tabBarIcon: ({ color }) => <Ionicons size={28} name="compass-calibration" color={color} /> }} />
<Tabs.Screen name="profile" options={{ title: '我', tabBarIcon: ({ color }) => <Ionicons size={28} name="person" color={color} /> }} />
</Tabs>
);
}