2016-10-18 30 views
5

Próbuję nadać kolor tekstu elementom w selektorze typu React Native. Do tej pory pracowałem tylko na iOS, ale gdybym mógł znaleźć rozwiązanie wieloplatformowe, które byłoby niesamowite.Styling React Native Picker

Próbowałem następujące rzeczy:

Styling kolor na próbniku

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

Styling kolorów na kompletowania Rzeczy

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

Ja również widziałem kilka przykładów dodanie koloru Właściwość, więc próbowałem tego

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

W sumie straty tutaj. Dzięki za wszelki wgląd!

EDYTOWANIE: Oto rozwiązanie - użyj itemStyle prop w elemencie Picker. Uważam, że jest to tylko system 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-standard-reaguje-natywny-android-picker –

Odpowiedz

0

Należy spróbować backgroundColor zamiast koloru: https://facebook.github.io/react-native/docs/view.html#style

+0

Hej, przepraszam - To oczywiście działa na kolor tła, ale powinienem był wyjaśnić, że próbuję zmienić kolor przedmiotów w zbieraczu – n8e

+0

powinien pracować dla nich też –

+2

OK, ja powinien dodatkowo wyjaśnić, że wcale nie próbuję zmienić koloru tła - próbuję zmienić kolor tekstu. – n8e

2

Aby zmienić kolor trzeba użyć tego: <Item label="blue" color="blue" value="blue" />