The below is my TextInput code `
<TextInput
style={{
flex: 1,
height: '100%',
textAlign: I18nManager.isRTL ? 'right' : 'left',
color: colors.text,
paddingTop: 5,
paddingBottom: 5,
paddingLeft: 5,
justifyContent: 'flex-start',
fontFamily: 'Montserrat-Regular',
}}
numberOfLines={1}
multiline={false}
returnKeyType={props.hasNext != undefined ? 'next' : 'done'}
onSubmitEditing={
props.onSubmitEditing != undefined ? props.onSubmitEditing : null
}
placeholderTextColor={success ? BaseColor.grayColor : 'red'}
selectionColor={colors.primary}
/>
`
in android the prop numberOfLines is working correctly but in iOS its not.
react-native :: 0.64.0
while checking the docs saw its a android only feature since 0.64.0. while inputing text it looks like this in iOS
but when it loose its focus it becomes like this
Does anybody have any idea about this and to make this appear like single line.