rn-phone-input-field
Version:
A React Native phone number input component built from scratch, featuring a text input for number entry, a custom dropdown for selecting country codes, and validation logic using regex or country-specific rules. It supports formatting, localization, and s
73 lines (72 loc) • 1.62 kB
TypeScript
declare const customBorder: (index: number, isDark: boolean) => {
border: {
paddingTop: number;
paddingRight: number;
paddingBottom: number;
paddingLeft: number;
borderTopWidth: number;
borderTopColor: string;
};
};
declare const countryPickerStyles: {
flex: {
flex: number;
};
mb40: {
marginBottom: number;
};
};
export declare const usePickerStyles: (isDark: boolean) => {
eachContainer: {
flexDirection: "row";
gap: number;
justifyContent: "space-between";
alignItems: "center";
};
eachTextContainer: {
color: string;
fontSize: number;
};
eachText: {
fontSize: number;
};
searchInput: {
flexGrow: number;
fontSize: number;
color: string;
};
flatListContainer: {
paddingTop: number;
paddingBottom: number;
};
bgWhite: {
flex: number;
backgroundColor: string;
};
flexRow: {
flexDirection: "row";
alignItems: "center";
gap: number;
};
iconButton: {
height: number;
width: number;
padding: number;
borderRadius: number;
alignItems: "center";
justifyContent: "center";
minWidth: number;
};
emptyContainer: {
padding: number;
alignItems: "center";
};
emptyText: {
fontSize: number;
fontWeight: "500";
lineHeight: number;
textAlign: "center";
color: string;
};
};
export { countryPickerStyles, customBorder };