Стиль не работает для Picker React-Native-Wheel-Picker.
это мой выборщик,
<View style = {styles.pickerContainer}>
<Picker
style = {styles.picker}
selectedValue = {selectedHeight}
itemStyle = {{ color: 'black', fontSize: 12 }}
onValueChange = {(value) => setSelectedHeight(value)}
pickerData = {heightData.map(item => `${item.ft} ${item.cm}`)}
itemSpace = {40}
highlightColor = {"transparent"}
indicatorColor = {"transparent"}
renderItem = {(data, index) => {
return (
<View style = {[styles.heightItemContainer, index === selectedHeightIndex && styles.highlightedItem]}>
<Text style = {[styles.heightText, index === selectedHeightIndex && styles.highlightedText]}>
{data}
</Text>
</View>
);
}}
/>
</View>
стиль для "pickerContainer" работает, а для "picker" не работает, ни размер шрифта не меняется, в стилях ничего не отражается.
Я попробовал встроенный стиль непосредственно в компоненте выбора, он тоже не работает.
Вам нужно добавить fontSize в ItemStyle, он может отразить ваши изменения на Android, но вам потребуется жесткая перезагрузка для получения изменений на Android.
И в ios Picker укажите Prop textSize, вы можете изменить его textSize.
Вы можете использовать вот так
<View style = {styles.pickerContainer}>
<Picker
textSize = {12}
textColor = {'black'}
style = {styles.picker}
selectedValue = {selectedHeight}
itemStyle = {{ color: 'black', fontSize: 12 }}
onValueChange = {(value) => setSelectedHeight(value)}
pickerData = {heightData.map(item => `${item.ft} ${item.cm}`)}
itemSpace = {40}
highlightColor = {"transparent"}
indicatorColor = {"transparent"}
renderItem = {(data, index) => {
return (
<View style = {[styles.heightItemContainer, index === selectedHeightIndex && styles.highlightedItem]}>
<Text style = {[styles.heightText, index === selectedHeightIndex && styles.highlightedText]}>
{data}
</Text>
</View>
);
}}
/>
</View>