I'm having trouble creating 3 TextInputs in a single row. Despite setting flexDirection to 'row', the text inputs are not appearing on the device.
var SampleApp = React.createClass({
render: function() {
return (
<View style={styles.container}>
<View style={styles.textInputWrapper}>
<TextInput style={styles.textInput}
placeholder='Month'
placeholderTextColor="#d3d3d3"
/>
</View>
<View style={styles.textInputWrapper}>
<TextInput style={styles.textInput}
placeholder='Day'
placeholderTextColor="#d3d3d3"
/>
</View>
<View style={styles.textInputWrapper}>
<TextInput style={styles.textInput}
placeholder='Year'
placeholderTextColor="#d3d3d3"
/>
</View>
</View>
);
}
});
var styles = StyleSheet.create({
container: {
flex: 1,
flexDirection: 'row'
}
});