I've got a multi-line TextInput like so:
<TextInput
multiline={true}
placeholder='Enter description...'
underlineColorAndroid={'transparent'}
>
On iOS it renders the placeholder text nicely per this screenshot.
On Android, it's putting the placeholder text as centered vertically! I've checked and there are no styles in any parent component that would force this behavior (again iOS is fine as per the screenshot).
Is there a way to justify that placeholder text to the top of the frame (same as iOS) ?
To change TextInput placeHolder alignment with React Native, we can set the textAlign style to 'center' . to align the placeholder at the center of the screen by setting textAlign set to 'center' .
got it, used this prop: textAlignVertical={'top'}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With