import { View, Text, ScrollView } from 'react-native';
import NormalButton from '../global/normal_button';
import Svg, { Path } from 'react-native-svg';
import NormalInput from '../global/normal_input';
interface HomePageProps {}
const HomeIconSvg = () => (
);
const BellIconSvg = () => (
);
const BookingIconSvg = () => (
);
const HomePage: React.FC = () => {
return (
你好！
Mike Chan
console.log('abc')}
/>
近期預約過
充電站#1
充電站地址#1
重新預約
}
onPress={() => console.log('abc')}
buttonPressedStyle={{
backgroundColor: '#CFDEE4'
}}
extendedStyle={{
backgroundColor: '#E3F2F8',
paddingHorizontal: 25,
paddingVertical: 1,
borderRadius: 8
}}
/>
充電站#2
充電站地址#2
重新預約
}
onPress={() => console.log('abc')}
buttonPressedStyle={{
backgroundColor: '#CFDEE4'
}}
extendedStyle={{
backgroundColor: '#E3F2F8',
paddingHorizontal: 25,
paddingVertical: 1,
borderRadius: 8
}}
/>
充電站#3
充電站地址#3
重新預約
}
onPress={() => console.log('abc')}
buttonPressedStyle={{
backgroundColor: '#CFDEE4'
}}
extendedStyle={{
backgroundColor: '#E3F2F8',
paddingHorizontal: 25,
paddingVertical: 1,
borderRadius: 8
}}
/>
充電站#4
充電站地址#4
重新預約
}
onPress={() => console.log('abc')}
buttonPressedStyle={{
backgroundColor: '#CFDEE4'
}}
extendedStyle={{
backgroundColor: '#E3F2F8',
paddingHorizontal: 25,
paddingVertical: 1,
borderRadius: 8
}}
/>
console.log('掃瞄及充電')}
title={
掃瞄及充電
}
extendedStyle={{
alignItems: 'flex-start',
padding: 24
}}
/>
console.log('我的預約')}
title={
我的預約
}
extendedStyle={{
alignItems: 'flex-start',
padding: 24
}}
/>
console.log('我的車輛')}
title={
我的車輛
}
extendedStyle={{
alignItems: 'flex-start',
padding: 24
}}
/>
);
};
export default HomePage;