You also need a return on the outer map:
variations.map((vari) => {
return (
vari.variation.map((ivari) => {
return Object.keys(ivari).map((key) => (
<View style={styles.variationRow}>
<View>
<Text>{ivari[key]}</Text>
</View>
<View>
<Image
style={{ width: 25, height: 25 }}
source={{ uri: ivari[key] }}
/>
</View>
</View>
));
});
)
});
How about placing a touchable component around/beside the `TextInput`?
<!-- language: lang-js -->
var INPUTREF = 'MyTextInput';
class TestKb extends Component {
constructor(props) {
super(props);
}
render() {
return (
<View style={{ flex: 1, flexDirection: 'column', backgroundColor: 'blue' }}>
<View>
<TextInput ref={'MyTextInput'}
style={{
height: 40,
borderWidth: 1,
backgroundColor: 'grey'
}} ></TextInput>
</View>
<TouchableWithoutFeedback onPress={() => this.refs[INPUTREF].blur()}>
<View
style={{
flex: 1,
flexDirection: 'column',
backgroundColor: 'green'
}}
/>
</TouchableWithoutFeedback>
</View>
)
}
}