изменить цвет текста элементов заголовка для сцены - PullRequest
Новая
       3

изменить цвет текста элементов заголовка для сцены

0 голосов
/ 29 августа 2018

Я создаю небольшое мобильное приложение для Android, используя React Native и response-native-router-flux.

Я настроил все, кроме свойств leftTitle и rightTitle моего главного экрана. Я могу назвать их, но я не могу их стилизовать. Они остаются синего цвета, как показано на рисунке ниже.

enter image description here

Вот код этой сцены: 

<Scene
  rightTitle="Add"
  onRight = { () => Actions.employeeCreate() }
  key="employeeList"
  component={EmployeeList}
  title="Employees"
  leftTitle="Log Out"
  onLeft={ () => logUserOut() }
  initial
/>

Кто-нибудь знает, как изменить цвет текста заголовка?

Спасибо!

1 Ответ

0 голосов
/ 30 августа 2018
  1. Найти react-native-router-flux папку в node modules
  2. Перейдите в react-native-router-flux > src > NavBar.js
  3. Изменить стиль цвета barRightButtonText и barLeftButtonText в таблице стилей, как это

Для текста правой кнопки: 

 barRightButtonText: {
    color: 'rgb(0, 122, 255)',    //Your rgb color code here
    textAlign: 'right',
    fontSize: 17,
  },

Для левой кнопки текста 

 barLeftButtonText: {
    color: 'rgb(0, 122, 255)',  //Your rgb color code here
    textAlign: 'left',
    fontSize: 17,
  },
...