ReactNative TextInput not visible iOS

Use style={{ color: 'black' }}.

This solves the problem.


Faced the same issue, but it rendered when I removed alignItems:'center' from the top most parent view in the render() function.


You need to define a height for the textInput. Try:

return (
  <View style={{backgroundColor:'red'}}>
    <Text>text</Text>
    <TextInput style={{ backgroundColor: '#ededed', height: 60 }} value={'Hello'}/>
  </View>
);

Or, if you do not want to define a height on your TextInput, you can define the height on the containing view, and flex:1 on the TextInput:

<View style={{ height:60 }}>
    <TextInput style={{ flex:1, backgroundColor: '#ededed' }} />
</View>