React-native-router-flux: Цвет кнопки назад

Созданный на 20 июн. 2016 · 14Комментарии · Источник: aksonov/react-native-router-flux

Версия

Сообщите нам, какие версии вы используете:

реагировать-родной-маршрутизатор-поток v3.30.0
реагировать-родной v0.27.2

Ожидаемое поведение

Я пытаюсь изменить цвет стрелки, как на скриншоте ниже. Однако я не могу установить цвет для каждой сцены. Я могу сделать это только на корневой Сцене. Я что-то упускаю или это ошибка?

Он работает с этим кодом, когда я устанавливаю его в корневую сцену.

<Router >
   <Scene key="root" titleStyle={{ color: 'red' }} barButtonIconStyle={{ tintColor: 'green' }}>
      <Scene key="connexion" component={Connexion}
         hideNavBar={false} title="Connexion" initial={true}/>
      <Scene key="signup" component={Signup} hideNavBar={false}
         title="PageOne" navigationBarStyle={NavBarStyle.bar.darkNavigationBar}
      />
   </Scene>
</Router>

Я хотел бы установить каждый стиль сцены отдельно (как этот код). Это вообще возможно

<Router >
   <Scene key="root" titleStyle={{ color: 'red' }}>
     <Scene key="connexion" component={Connexion}
       hideNavBar={false} title="Connexion" initial={true}/>
     <Scene key="signup" component={Signup} hideNavBar={false}
       title="PageOne" navigationBarStyle={NavBarStyle.bar.darkNavigationBar}
       barButtonIconStyle={{ tintColor: 'green' }}
      />
    </Scene>
</Router>

Источник

Shakarang

Самый полезный комментарий

Не могли бы вы попробовать следующий @Shakarang

<Scene ... leftButtonIconStyle = {{ tintColor:'red'}} />

sercanov 22 июн. 2016

👍39 🎉1

Все 14 Комментарий

В каждой Сцене вы можете дать backButtonTextStyle={{ ... }}

281330 20 июн. 2016

Я попытался добавить его в сцену со следующими свойствами:

цвет
фоновый цвет
tintColor

Но не работает ..

Shakarang 21 июн. 2016

Не могли бы вы попробовать следующий @Shakarang

<Scene ... leftButtonIconStyle = {{ tintColor:'red'}} />

sercanov 22 июн. 2016

👍39 🎉1

Вы всегда можете перейти к:
node_modules / реагировать-native-router-flux / src / back_chevron.png

и отредактируйте "back_chevron.png", как хотите.

JaiNatha 1 июн. 2017

Ой, извините, я неправильно прочитал ваш первоначальный комментарий, просто понял, что вы пытаетесь установить его для каждой сцены.

leftButtonIconStyle = {{tintColor: 'green'}} действительно правильный путь

JaiNatha 1 июн. 2017

Это не работает в моем проекте.

Версия
"реагировать": "16.0.0-альфа.12",
"react-native": "^ 0.46.3",
"response-native-router-flux": "^ 4.0.0-beta.12"

нужно обновить цвет иконки обратно.

indu127pal 21 июл. 2017

👍5

Та же проблема, в RNRF 4.0.0-beta.15 не работает leftButtonIconStyle, ни barButtonIconStyle

jaimecorrea 2 авг. 2017

<Scene
    key="root"
    headerTintColor="#000"
>

У меня это работает на [email protected]

jordenchang55 9 авг. 2017

👍24 ❤8 🎉6

headerTintColor кажется правильным, но как насчет размера? или, если нам нужен другой значок на спине?

Frexuz 7 нояб. 2017

Проверьте здесь, как изменить стиль вашей навигационной панели.
Если вы хотите изменить значок, вы можете использовать leftButtonImage или renderBackButton prop в сцене.

jordenchang55 7 нояб. 2017

                      <Scene
                        key='HomePage'
                        component={HomePage}
                        renderBackButton={<Icon name='chevron-left' />}
                      />

нравится?

renderBackButton не является функцией

Обновлять:

renderBackButton={() => <Icon name='chevron-left' />} стрелка отображается правильно, но при нажатии ничего не происходит.

Неужели мы сами должны заново реализовать функциональность?

Frexuz 7 нояб. 2017

👍1

@Frexuz Это проблема, с которой я сейчас

Кажется, мы должны заново реализовать функциональность касания (скорее всего, маршрутизацию) для каждой сцены (т.е. onRight / onLeft ничего не делает, если вы решите использовать renderBackButton или renderRightButton).