Изменение числа столбцов FlatList поворачивает направление по горизонтали - PullRequest
0 голосов
/ 19 апреля 2020

Включение numColumns = {2}, поворот FlatList в горизонтальном направлении и блокировка прокрутки.

Я хочу, чтобы он оставался в вертикальном направлении с 2 элементами в строке.

My FlatList

<FlatList
    data={shipments}
    keyExtractor={(item, index) => index.toString()}
    showsVerticalScrollIndicator={false}
    numColumns={2}
    renderItem={({ item: shipmentsArray }) => {
        return shipmentsArray.map((shipment) => {
            return (
                <View
                    key={shipment["delivery no."]}
                    style={{ alignItems: "center" }}
                >
                    <TouchableOpacity
                        style={style.shipment}
                    >
                        <Text>Nº Pedido:</Text>
                    </TouchableOpacity>
                </View>
            );
        });
    }}
/>

Стиль отгрузки

    shipment: {
        width: 160,
        height: 130,
        borderColor: "gray",
        borderWidth: 1,
        borderRadius: 10,
        justifyContent: "space-evenly",
        paddingHorizontal: 20,
        marginBottom: 20,
        marginRight: 20,
        backgroundColor: "#ebebeb",
        flexDirection: "column",
    }

Изображение приложения: Image of the scenario

...