我正在学习react native,在我看到的所有教程中,ListView每行仅使用了1个项目.不过,我还没有使用ListView.我只有6个项目必须显示为平面网格,每行2个项目,并且应该是响应性的.我知道这是一个基本的问题,但我也从我这边try 过,从图中可以看出
这是我的密码
renderDeviceEventList() {
return _.map(this.props.deviceEventOptions, deviceEventOption => (
<View key={deviceEventOption.id}>
<Icon
name={deviceEventOption.icon_name}
color="#ddd"
size={30}
onPress={() =>
this.props.selectDeviceEvent(deviceEventOption)
}
/>
<Text style={{ color: "#ff4c4c" }}>
{deviceEventOption.icon_name}
</Text>
</View>
));
}
render() {
return (
<View
style={{
flex: 1,
top: 60,
flexDirection: "row",
justifyContent: "space-around",
flexWrap: "wrap",
marginBottom: 10
}}
>
{this.renderDeviceEventList()}
</View>
);
}