|
|
@@ -1,13 +1,15 @@
|
|
|
import React from 'react';
|
|
|
import { Tabs } from 'expo-router';
|
|
|
-
|
|
|
-import { Platform } from 'react-native';
|
|
|
-
|
|
|
-import Svg, { Path } from 'react-native-svg';
|
|
|
-import {TabAccountIcon, TabChargingIcon, TabHomeIcon } from '../../../component/global/SVG';
|
|
|
-
|
|
|
+import { Dimensions, Platform } from 'react-native';
|
|
|
+import {
|
|
|
+ TabAccountIcon,
|
|
|
+ TabChargingIcon,
|
|
|
+ TabHomeIcon
|
|
|
+} from '../../../component/global/SVG';
|
|
|
|
|
|
export default function TabLayout() {
|
|
|
+ const { height } = Dimensions.get('window');
|
|
|
+
|
|
|
return (
|
|
|
<Tabs
|
|
|
screenOptions={{
|
|
|
@@ -17,7 +19,7 @@ export default function TabLayout() {
|
|
|
marginBottom: Platform.OS === 'ios' ? 0 : 25
|
|
|
},
|
|
|
tabBarStyle: {
|
|
|
- height: 100
|
|
|
+ height: height * 0.105,
|
|
|
}
|
|
|
}}
|
|
|
>
|
|
|
@@ -37,7 +39,9 @@ export default function TabLayout() {
|
|
|
title: '充電',
|
|
|
tabBarHideOnKeyboard: true,
|
|
|
tabBarIcon: ({ focused }) => (
|
|
|
- <TabChargingIcon color={focused ? '#02677D' : '#BBBBBB'} />
|
|
|
+ <TabChargingIcon
|
|
|
+ color={focused ? '#02677D' : '#BBBBBB'}
|
|
|
+ />
|
|
|
)
|
|
|
}}
|
|
|
/>
|
|
|
@@ -47,7 +51,9 @@ export default function TabLayout() {
|
|
|
title: '帳戶',
|
|
|
tabBarHideOnKeyboard: true,
|
|
|
tabBarIcon: ({ focused, color }) => (
|
|
|
- <TabAccountIcon color={focused ? '#02677D' : '#BBBBBB'} />
|
|
|
+ <TabAccountIcon
|
|
|
+ color={focused ? '#02677D' : '#BBBBBB'}
|
|
|
+ />
|
|
|
)
|
|
|
}}
|
|
|
/>
|