crazycharge-app/component/registrationMultiStepForm/formComponent/formPages/finishSignUp.tsx

import { View, Text, StyleSheet } from "react-native";
import NormalButton from "../../../global/normal_button";

type FinishSignUpProps = {};

const FinishSignUp: React.FC<FinishSignUpProps> = ({}) => {
	return (
		<>
			<View style={styles.container}>
				<View style={styles.textContainer}>
					<Text style={styles.titleText}>註冊成功</Text>
					<Text style={styles.text}>歡迎使用 Crazy Charge</Text>
					<Text style={styles.text}>祝你一路順“瘋“</Text>
				</View>
				<NormalButton
					title={<Text style={{ color: "#fff" }}>下一步</Text>}
					onPress={() => console.log("clicked")}
				/>
			</View>
		</>
	);
};

const styles = StyleSheet.create({
	container: {
		flex: 1,
		marginHorizontal: 20,
		gap: 180,
	},
	textContainer: {
		justifyContent: "center",
		alignItems: "center",
		backgroundColor: "white",
		paddingTop: "30%",
		gap: 20,
	},
	titleText: { fontSize: 28 },
	text: {
		fontSize: 16,
	},
});
export default FinishSignUp;