Estoy aprendiendo a reaccionar nativo y en todos los tutoriales que veo ListView se ha utilizado con solo 1 elementos por fila. Sin embargo, no he usado ListView. Solo tengo 6 elementos que deben mostrarse como cuadrícula plana con 2 elementos por fila y deben responder. Sé que es una pregunta básica, pero también he intentado desde mi lado, que se puede ver en la imagen

Este es mi codigo

 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>
    );
}