crazycharge-app/app/(tabs)/settings/index.tsx

import React, { useState } from "react";
import { Text } from "react-native";
import PhoneInput from "../../../component/global/phone_input";
export default function Index() {
	/**********************************狀態管理**********************************/
	/**********************************狀態管理**********************************/
	/**********************************組件初始化**********************************/
	/**********************************組件初始化**********************************/
	/**********************************異步函數**********************************/
	/**********************************異步函數**********************************/

	const [inputValidationStatus, setInputValidationStatus] = useState(false);
	const handleValidationStatus = (inputValidationStatus: boolean) => {
		setInputValidationStatus(inputValidationStatus);
	};

	return (
		////testing component here
		<>
			<PhoneInput
				placeholder="電話號碼"
				onChangeText={(newText) => console.log(newText)}
				onValidationStatusChange={handleValidationStatus}
			/>
			{console.log(inputValidationStatus)}
		</>
	);
}