Подтвердить что ты не робот

Как создать стандартную утилиту для борьбы с андроидами?

Я не могу его стилизовать. На этом вряд ли есть какая-либо документация. Я хочу знать, как установить fontFamily. Как установить цвет фона на Picker.items?

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

Настройка fontFamily или цвета фона не работает. обертывание его в атрибутах View и придавая стилю View также не работает.

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

Ответ 1

Его можно создать с помощью встроенного андроида. См. this и .

Добавьте следующий код в /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>

Создайте файл в res/drawable/mydivider.xml и добавьте следующий код

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

Перед стилем:

введите описание изображения здесь

После стилизации: введите описание изображения здесь

Ответ 2

Если вы посмотрите на style prop, это стиль для Picker, а не элементы Picker.

Вы также можете видеть из документов, что Picker имеет itemStyle prop, но только iOS. Вы не можете создавать элементы Android Picker.

Ответ 3

Вопрос может быть старым, но в случае, вы можете использовать его для стиля цвета: <Item label="blue" color="blue" value="blue" />