2016-10-18 2 views
5

Я пытаюсь стилизовать цвет текста элементов в наборе для набора реактивов. До сих пор я работал только в iOS, но если бы я мог найти кросс-платформенное решение, которое было бы потрясающе.Styling React Native Picker

Я попытался следующие вещи:

Styling цвет на палитре

<Picker style={{color:'white'}} ...etc > 

Styling цвета на Picker Items

<Picker.Item style={{color:'#fff'}} label={'Toronto'} value={'Toronto'} /> 

Я также видел некоторые примеры добавления цвета имущество, поэтому я пробовал это

<Picker.Item color='white' label={'Toronto'} value={'Toronto'} /> 

При полной ошибке здесь. Спасибо за понимание!

EDIT: Вот решение - используйте пунктСвойство в элементе Picker. Я считаю, что это только iOS.

<Picker itemStyle={{color:'white'}} > 
     <Picker.Item color='white' label={'Toronto'} value={'Toronto'} /> 
     <Picker.Item label={'Calgary'} value={'Calgary'} /> 
</Picker> 
+0

https://stackoverflow.com/questions/38921492/how- to-style-the-standard-react-native-android-picker –

ответ

0

Вы должны попробовать BackgroundColor вместо цвета: https://facebook.github.io/react-native/docs/view.html#style

+0

Эй, извините - это, конечно, работает для цвета фона, но я должен был уточнить, что я пытаюсь изменить цвет элементов в подборщике – n8e

+0

он должен работа для них тоже –

+2

Хорошо, я должен уточнить, что я вообще не пытаюсь изменить цвет фона - я пытаюсь изменить цвет текста. – n8e

2

Чтобы изменить цвет вы должны использовать это: <Item label="blue" color="blue" value="blue" />

Смежные вопросы