React-собственный цвет для ярлыка переключателя

Question

Я использую response-native-radio-buttons-group для переключателей в моем приложении. У меня есть небольшая сложность, чтобы покрасить ярлыки переключателей в некоторые цвета. Я попробовал пример:

 {
    label: 'option one',
    color: '#FFFFFF',
 },

, но только пули были нарисованы. Я тоже хочу покрасить этикетки.

Теперь я получил это:

Answer 1

Я нашел решение своей проблемы. Это немного хакерски, но работает. Я обернул метки в <Text> теги со встроенным стилем следующим образом:

deliveryRadioData: [
    {
      id: 1,
      label: (
        <Text style={{color: '#FFFFFF'}}>{'option one'}</Text>
      ),
      selected: true,
      color: '#FFFFFF',
      size: 16,
    },
    {
      id: 2,
      label: (
        <Text style={{color: '#FFFFFF'}}>
          {'option two'}
        </Text>
      ),
      selected: false,
      color: '#FFFFFF',
      size: 16,
    },
  ],
};

Теперь переключатели выглядят так:

Answer 2

Проверьте, есть ли labelStyle prop.

В противном случае попробуйте Reaction-native-btr

ПРИМЕЧАНИЕ. Этот пакет обновлен и активно поддерживается в реагировать-родной-бтр библиотеки. Следовательно, мы рекомендуем вам использовать этот компонент из библиотеки activ-native-btr.