título - personalizar appbar android

¿Cómo diseñar el selector de Android reactivo nativo estándar?

Question

No puedo darle estilo. Apenas hay documentación sobre esto. Quiero saber cómo configurar fontFamily. ¿Cómo establecer el color de fondo en el Picker.items?

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

Establecer fontFamily o el color de fondo no funciona. envolverlo en una vista y darle atributos de estilo a la vista tampoco funciona.

<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

La pregunta puede ser antigua, pero en el caso, puede usarla para diseñar el color: <Item label="blue" color="blue" value="blue" />

Answer 2

Se puede diseñar a través de Android nativo. Mira this y this .

Agregue el siguiente código a /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>

Cree un archivo en res/drawable/mydivider.xml y agregue el siguiente código

<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>

Antes de peinar:

Después de peinar:

Answer 3

Si echas un vistazo al accesorio de style , es el estilo para el selector, no los elementos del selector.

También puede ver en los documentos que el Selector tiene itemStyle prop pero es solo iOS. El diseño de los elementos del selector de Android solo se puede hacer a través de Android nativo.