Стиль не работает для React-Native-Wheel-Pick

Стиль не работает для 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" не работает, ни размер шрифта не меняется, в стилях ничего не отражается.

Я попробовал встроенный стиль непосредственно в компоненте выбора, он тоже не работает.

вот над чем я работаю:

0
0
157
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вам нужно добавить 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>

Другие вопросы по теме