Индивидуальный стиль Picker.Item в React Native

Есть ли способ стилизовать отдельные элементы Picker.Items? Кроме цвета текста?

Кроме того, несколько связанных: Какие реквизиты будет принимать Picker.Item? Я знаю, что они возьмут «ключ», «значение», «ярлык» и «цвет». Но есть ли другие?

Я пытаюсь стилизовать один из Picker.Item в моем компоненте Picker иначе, чем остальные элементы Picker.Items в этом Picker.

В частности, я пытаюсь изменить fontWeight, но мне не удалось изменить ни один стиль, кроме цвета текста с этим свойством цвета.

Я знаю, что вы можете использовать itemStyle в качестве опоры для компонента Picker, чтобы стилизовать все элементы, но что, если вы хотите, чтобы один из них выглядел немного иначе, чем другие? Есть способ сделать это?

<Picker
  style = {{height: 130, width: 130}}
  selectedValue = {this.state.day}
  itemStyle = {{height: 130, fontFamily: 'Rubik-Regular'}}
  onValueChange = {(itemValue, itemIndex) => this.setState({day: itemValue})}
>
  <Picker.Item label = "Day" value = {-1} color='red'/>
  { validDays.map((i) => ( <Picker.Item key = {i} label = {i.toString()} value = {i} /> )) }
</Picker>

Попытка изменить то, как выглядит этот первый Picker.Item (label = "Day"). Я безуспешно пытался возиться со стилем:

<Picker.Item label = "Day" value = {-1} style = {{ color: 'red'}}/>

Также попытался возиться с присвоением метки текстового компонента следующим образом:

<Picker.Item label = {(<Text>Hello</Text>)} value = {-1}/>

Это вообще не будет отображаться. Выкинул ошибку.

Также пробовал:

<Picker.Item label = "" value = {-1} color='red'><Text>Hello</Text></Picker.Item>
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
9
0
7 540
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

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

Единственные реквизиты, которые вы можете использовать для Picker.Item, упомянуты здесь в Picker.ios.js и PickerAndroid.android.js.

static propTypes = {
    value: PropTypes.any, // string or integer basically
    label: PropTypes.string,
    color: PropTypes.string,
  };

Следовательно, вы не можете предоставить ему какие-либо другие значения.

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