Jak ustawić standardowy próbny selektor Androida dla reagentów?

Question

Nie mogę tego stylu. Nie ma prawie żadnej dokumentacji na ten temat. Chcę wiedzieć, jak ustawić fontFamily. Jak ustawić kolor tła w Picker.items?

https://facebook.github.io/react-native/docs/picker.html

Ustawianie fontFamily lub kolor tła nie działa. Zawijanie go w widoku i nadawanie atrybutów stylu View również nie działa.

<Picker 
    style={styles.picker} // cannot set fontFamily here 
    selectedValue={this.state.selected2} 
    onValueChange={this.onValueChange.bind(this, 'selected2')} 
    mode="dropdown"> 
    <Item label="hello" value="key0" /> // cannot set backgroundColor here 
    <Item label="world" value="key1" /> 
</Picker> 

Answer 1

Może być stylizowany przez natywnego Androida. Zobacz this i this.

Dodaj następujący kod do /res/values/styles.xml

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> 
    <item name="android:spinnerItemStyle">@style/SpinnerItem</item> 
    <item name="android:spinnerDropDownItemStyle">@style/SpinnerDropDownItem</item> 
</style> 

<style name="SpinnerItem" parent="Theme.AppCompat.Light.NoActionBar">> 
    <item name="android:fontFamily">sans-serif-light</item> 
    <item name="android:textSize">18dp</item> 
</style> 

<style name="SpinnerDropDownItem" parent="Theme.AppCompat.Light.NoActionBar">> 
    <item name="android:textColor">#ffffff</item> 
    <item name="android:textSize">18dp</item> 
    <item name="android:fontFamily">sans-serif-light</item> 
    <item name="android:gravity">center</item> 
    <item name="android:background">@drawable/mydivider</item> 
</style> 

Utwórz plik w RES/rozciągliwej/mydivider.xml i dodaj następujący kod

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <solid android:color="#29A1C9" /> 
    <corners android:radius="0.5dp" /> 
    <stroke 
     android:color="#FFFFFF" 
     android:width="0.1dp" /> 
</shape> 

Przed stylizacją:

Po stylizacji:

Answer 2

Jeśli spojrzeć na style podpory, to styl dla Picker, nie przedmioty Picker.

Możesz także zobaczyć na dokumentach, że selektor ma itemStyle prop, ale to tylko iOS. Nie możesz stylować elementów pobierania Androida.

Answer 3

Pytanie może być stary, ale w przypadku, można to wykorzystać do stylu koloru: <Item label="blue" color="blue" value="blue" />