react-native-phone-number-input icon indicating copy to clipboard operation
react-native-phone-number-input copied to clipboard

Published 20 hours ago • verified publisher icon garganurag893

textInputStyle alignment issue in ios

Open Kasheeram opened this issue 3 years ago • 2 comments

textInputStyle text not aligned center while giving custom font size

<PhoneInput ref={phoneInput} defaultValue={phoneNumber} defaultCode="IN" layout="first" // textInputProps={{ ...FONTS.reg_font_14 }} textInputStyle={{ ...FONTS.reg_font_14, alignItems: 'center', justifyContent: 'center' }} countryPickerButtonStyle={{ backgroundColor: '#F9FAFB', width: 70, }} codeTextStyle={{ ...FONTS.sbold_font_14 }} containerStyle={{ borderColor: '#E5E7EB', height: 42, width: '100%', borderWidth: 1, borderRadius: 8, }} textContainerStyle={{ paddingVertical: 0, backgroundColor: '#FFFFFF' }} onChangeFormattedText={text => { setphoneNumber(text); }} /> Screenshot 2021-12-22 at 11 29 03 AM

Kasheeram avatar Dec 22 '21 06:12 Kasheeram

Same !!!!

hehanhan avatar Apr 15 '22 14:04 hehanhan

try like this

textInputStyle={{
   alignSelf: "center",
}}
textContainerStyle={{
    alignItems: "flex-end",
}}

topovik avatar Jan 28 '23 09:01 topovik