how to change placeholder textSize in react-native

Question

In my TextInput I want to change the size of the font of placeHolder, I tried like this:

<TextInput
    style={styles.email}
    value={this.state.email} 
    placeholder="Email"
    placeholderTextColor="red"
    //placeholderTextSize = 20px
    onChange={this.handleEmailChange.bind(this)}
    onBlur={this.onBlur.bind(this)}/>

when I wrote like this color is working for me but size is not working, can any one give me suggestions how to change the size of placeholder Text, any help much appreciated

Answer 1

TextInput component can be created like this.

<TextInput
value={value}
style={value ? styles.input : styles.placeholder}
placeholderTextColor="white"
{...props}/>

Answer 2

There's no way (as far as I remember) to directly change the font size of only the placeholder, since when you change the fontSize using styles, you're changing both, the input fontSize as well as placeholder fontSize. However, there is a way tho...

const [ text, setText ] = useState<string>('');

and then use the state to check whether the input field is empty or not. If it is empty, then change the fontSize as:

{ fontSize: text ? 18 : 12 }

However, it is important to note that even tho this method works, but the delay caused by the re-render is, of course, noticable.