I use native base Input Component, and I tried to customize the placeholder font style like the following example, but it does not change the placeholder. It changed the style of the user typed input value. How can I change the placeholder font style?
<Input
style={{color:"blue", fontFamily:"Arial"}}
placeholder="I am blue and Arial font"
/>
Update
I already tried placeholderStyle
like the following example, but it does not work.
<Input
placeholderStyle={{color:"blue", fontFamily:"Arial"}}
placeholder="I am blue and Arial font"
/>
The font family is the same for the text input and the placeholder, however I assume you meant that the color didn't change for the placeholder, here's the solution.
Do this:
<Input
style={{color:"blue", fontFamily:"Arial"}}
placeholderTextColor="blue"
placeholder="I am blue and Arial font"
/>
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