Estou aprendendo a reagir nativamente e, em todos os tutoriais que vejo, o ListView foi usado com apenas 1 itens por linha. Eu não usei o ListView, no entanto. Eu tenho apenas 6 itens que precisam ser mostrados como grade plana com 2 itens por linha e devem ser responsivos. Eu sei que é uma pergunta básica, mas eu tentei do meu lado também, o que pode ser visto na imagem

Este é o meu código

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