React Native TextInput placeholder causes wrong contentSize.height onContentSizeChange in iOS

Asked Sep 19 '18 at 19:16

Active Sep 19 '18 at 19:16

Viewed 1,049 times

I am using multiline text input with placeholder like this.
I am using onContentSizeChange to change the height of TextInput.

 <TextInput
 placeholder='abcd'
 placeholderTextColor='gray'
 multiline={true}
 onContentSizeChange={(e) => console.log(e.nativeEvent.contentSize)}
 value=''
 style={{width:'100%'}}
 />

Because of this placeholder, the onContentSizeChange is returning wrong heights for the textInput.

It works perfectly in android but messed up in iOS.

It assumes that the text input width is equal to placeholder length, so onContentSizeChange returns increased height when the text length becomes greater than the placeholder length

asked Sep 19 '18 at 19:16

Arpit Gupta

1

This is probably because you have `multiline` on which I'm pretty sure messes up the height of the `TextInput` – Harrison Sep 19 '18 at 19:24
Yes, but I need multiline text input. – Arpit Gupta Sep 20 '18 at 06:54

React Native TextInput placeholder causes wrong contentSize.height onContentSizeChange in iOS

0 Answers0