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>