React Native Text Input fixed text

Question

I want to add something like a Hint, on the textInput, as in java using android studio, in react native is it possible to do this? I know you have the option to add a Value, defaultValue and the placeholder, but they don't work like hint.

Tanks!

create a custom box with hint value & when the user press on the text-input (using onFocus in react native text-input) set visibility of that hint box to true. — SDushan, Nov 18 '19 at 18:03

score 0 · Answer 1 · answered Nov 18 '19 at 15:10

0

You can use placeholder props

<TextInput 
  placeholder="Input email"
/>

answered Nov 18 '19 at 15:10

Tuan Luong

3,902
1
16
18

score 0 · Answer 2 · answered Nov 18 '19 at 15:10

0

Yes it is possible, it's called placeholder, Here is an example from docs.:

<TextInput
      style={{height: 40}}
      placeholder="Type here to translate!"
      onChangeText={(text) => this.setState({text})}
      value={this.state.text}
    />

answered Nov 18 '19 at 15:10

Panicum

794
1
9
32

score 0 · Answer 3 · answered Nov 18 '19 at 15:11

0

The only thing you need to do is to add a the placeholder prop.

<TextInput 
...//otherprops
 placeholder="enter your hint here"
/>

I highly suggest you to read more about TextInput in React Native docs here

answered Nov 18 '19 at 15:11

Ian Vasco

1,280
13
17

React Native Text Input fixed text

3 Answers3