import * as React from 'react' import {NavigationContainer} from '@react-navigation/native' import {createNativeStackNavigator} from '@react-navigation/native-stack' import {createBottomTabNavigator} from '@react-navigation/bottom-tabs' import Birthday from './crossplatform/Birthday/view/Birthday' import BirthdayDetail from './crossplatform/Birthday/view/BirthdayDetail' import { BirthdayAddName, BirthdayDetailName, BirthdayEditName, BirthdayName, BirthdaySettingsName, RootStackParamList, RootTabParamList, TabNavName, } from './crossplatform/Common/define/Defines' import BirthdaySettings from './crossplatform/Birthday/view/BirthdaySettings' import {Image, StyleSheet} from 'react-native' import BirthdayAdd from './crossplatform/Birthday/view/BirthdayAdd' import BirthdayEdit from './crossplatform/Birthday/view/BirthdayEdit' //tabs const Tab = createBottomTabNavigator() function TabNav() { return ( ({ tabBarIcon: ({color}) => { return TabNavBarIcon(route.name, color) }, tabBarActiveTintColor: '#FFB3DB', tabBarInactiveTintColor: 'gray', })}> ) } function TabNavBarIcon(name: string, color: string) { if (name === BirthdayName) { return ( ) } else if (name === BirthdaySettingsName) { return ( ) } return null } //------------screens--------------end const Stack = createNativeStackNavigator() function App() { return ( ) } const styles = StyleSheet.create({ tabIcon: { width: 25, height: 25, resizeMode: 'contain', }, }) export default App