Cannot type anything in react native TextInput component

Question

I am new to react-native. I am doing a simple salary calculator component for practice. I have two TextInput components, but I can't seem to type anything in them. Here is the code for my component:

class SueldoCalc extends Component {
  constructor(props)
  {
     super(props);
  }

 calcSalario()
 {
   console.log("Calculating");
 }

render() 
{
return (
  <View>
      <Text>Entre las horas trabajadas:</Text>
      <TextInput />
      <Text>Entre el rate por hora:</Text>
      <TextInput />
      <TouchableHighlight onPress={this.calcSalario}>
        <Text>Calcular salario...</Text>
      </TouchableHighlight>
  </View>
);

}

}

I tried subscribing to onTextChange events, but nothing. This is so basic, I can't find anything out there. Please help! I am running the app on Android Simulator for Visual Studio.

majran · Accepted Answer · 2018-12-10 21:04:19Z

3

I had the same problem both in Android and IOS. After I set width and height as the following (be careful both width and height must be set), the problem solved:

<TextInput style={{ height: 20, width: 100 }} />

answered Dec 10, 2018 at 21:04

majran

4696 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

JFAP · Accepted Answer · 2016-09-02 02:45:06Z

1

You should specify onTextChange handler then set the state from there. Your <TextInput /> should have a value property:

<TextInput 
    value={this.state.horas}
    onChange={this._onChangeHandler}
/>

answered Sep 2, 2016 at 2:45

JFAP

3,7371 gold badge27 silver badges25 bronze badges

4 Comments

tutiplain Over a year ago

Even after adding both properties I still cannot type anything. I did my TextInput like this: <TextInput value={this.state.text} onChangeText={(text)=>{this.setState({text:text})}} />

tutiplain Over a year ago

While the answer is correct, doing this did not solve the problem. I switched from the Android Emulator for Visual Studio to an AVD created with the Android SDK and this solved my problem.

chris Over a year ago

try adding a style={{height: 40}} to your TextInput

user12541823 Over a year ago

Could you have a look at this? onChange doesn't work for me stackoverflow.com/questions/61658623/…

Collectives™ on Stack Overflow

Cannot type anything in react native TextInput component

2 Answers 2

Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related