Включение 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",
}
Изображение приложения: