Как я могу уменьшить избыточное пространство слева в реактивном пикере/сборе? ⇐ Javascript

[Anonymous]

Вопрос
Как я могу уменьшить избыточное пространство слева в реагируемом пикете Br /> Я хочу использовать сборы прокрутки в нескольких местах на экране. Эти сборщики должны быть эффективными в своем расстоянии, потому что будут некоторые следующие друг друга. Поэтому я хочу, чтобы области прокрутки нажали были размером с выбранного элемента. В большинстве случаев это всего лишь число однозначных или двузначных цифр. Я не могу уменьшить дальше. Параметр, который я регулировал, - это ширина (в stiles.picker), и если я сделаю эту ширину меньшей, он отрезает выбранную элемент.
Есть предложения? < br/> скриншот выпуска
< /p>
ниже приведен код для воспроизведения этой проблемы: < /h2>
import { StyleSheet, Text, View } from "react-native";
import { Picker } from "@react-native-picker/picker";
import { useState } from "react";

export default function NativePicker02({ navigation }) {
const [selectedNumber, setSelectedNumber] = useState(0);

return (

NativePicker02

selected: {selectedNumber}



setSelectedNumber(itemValue)
}
style={styles.picker}
itemStyle={{
backgroundColor: "black",
height: 50,
justifyContent: "center",
alignItems: "center",
color: "white",
width: 50,
}}
>






);
}

const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: "gray",
},
vwPickerSelection: {
backgroundColor: "white",
},
vwPicker: {
width: 55,
alignItems: "center",
justifyContent: "center",
overflow: "hidden",
},
picker: {
height: 50,
width: 50,
},
});



Подробнее здесь: https://stackoverflow.com/questions/794 ... ker-picker