import {
View,
Text,
ScrollView,
Image,
StyleSheet,
Pressable
} from 'react-native';
import React from 'react';
import { SafeAreaView } from 'react-native-safe-area-context';
import Svg, { Path, Rect } from 'react-native-svg';
import NormalButton from './global/normal_button';
import SlideInImage from './global/slideInImage';
const BatteryLogoSvg = () => (
);
const DownArrowSvg = () => (
);
const UpArrowSvg = () => (
);
const TimeClockLogoSvg = () => (
);
const TickLogoSvg = () => (
);
const BatteryIconSvg = () => (
);
const LightingLogoSvg = () => (
);
const TemperatureIconSvg = () => (
);
const PaymentFinishPage = () => {
const [isMoreInfoButtonPressed, setIsMoreInfoButtonPressed] =
React.useState(false);
return (
成功付款
TESLA Model 3
已充電
95%
充電歷時
39
mins
{isMoreInfoButtonPressed ? (
<>
充電功率
22.1kW
實際功率
30.0kW
溫度
36°c
{
setIsMoreInfoButtonPressed(
!isMoreInfoButtonPressed
);
}}
style={{ padding: 2 }}
>
收起{' '}
) : (
{
setIsMoreInfoButtonPressed(
!isMoreInfoButtonPressed
);
}}
style={{ padding: 2 }}
>
更多資訊{' '}
)}
充電費用
按每度電結算: 50 kWh
HK$ 175
返回主頁
}
onPress={() => {
console.log('返回主頁');
}}
/>
);
};
export default PaymentFinishPage;
const styles = StyleSheet.create({
grayColor: {
color: '#888888'
},
greenColor: {
color: '#02677D'
}
});