React-native-router-flux: 返回按钮颜色

创建于 2016-06-20 · 14评论 · 资料来源: aksonov/react-native-router-flux

版本

告诉我们您正在使用哪些版本：

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 于 2016-06-22

👍39 🎉1

所有14条评论

在每个场景中，你可以给backButtonTextStyle={{ ... }}

281330 于 2016-06-20

我尝试将其添加到具有以下属性的场景中：

颜色
背景颜色
色调

但它不起作用..

Shakarang 于 2016-06-21

你会尝试以下@Shakarang

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

sercanov 于 2016-06-22

👍39 🎉1

您始终可以深入了解：
node_modules/react-native-router-flux/src/back_chevron.png

并根据需要编辑“back_chevron.png”。

JaiNatha 于 2017-06-01

哦对不起，我误读了您最初的评论，只是意识到您正在尝试为每个场景设置它。

leftButtonIconStyle={{ tintColor: 'green' }} 确实是要走的路

JaiNatha 于 2017-06-01

这在我的项目中不起作用。

版本
“反应”：“16.0.0-alpha.12”，
“反应原生”：“^0.46.3”，
"react-native-router-flux": "^4.0.0-beta.12"

需要更新回图标颜色。

indu127pal 于 2017-07-21

👍5

同样的问题，在 RNRF 4.0.0-beta.15 上，leftButtonIconStyle 和 barButtonIconStyle 都不起作用

jaimecorrea 于 2017-08-02

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

这在[email protected]上对我

jordenchang55 于 2017-08-09

👍24 ❤8 🎉6

headerTintColor似乎是正确的，但是大小呢？或者，如果我们想要一个不同的后退图标？

Frexuz 于 2017-11-07

在此处查看导航栏的样式。
如果要更改图标，可以在场景中使用leftButtonImage或renderBackButton道具。

jordenchang55 于 2017-11-07

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

像这样？

renderBackButton不是函数

更新：

renderBackButton={() => <Icon name='chevron-left' />}这可以正确呈现箭头，但按下时它不会做任何事情..

我们真的必须自己重新实现后台功能吗？

Frexuz 于 2017-11-07

👍1

@Frexuz这也是我现在正在努力解决的问题。我想要的只是为导航按钮使用类似包图标的东西，而不是图像或文本。

看来我们必须自己为每个场景重新实现触摸功能（很可能是路由）（即，如果您选择使用 renderBackButton 或 renderRightButton，则 onRight/onLeft 不会做任何事情）。

SSTPIERRE2 于 2017-11-21

headerTintColor="#000"

它也对我有用

kallayyash 于 2019-01-07

<Scene
    key="root"
    headerTintColor="#000"
>
这在[email protected]上对我

它也对我有用。注册护士 0.59

pietropr 于 2019-03-28

此页面是否有帮助？

0 / 5 - 0 等级

React-native-router-flux: 返回按钮颜色

版本

预期行为

最有用的评论

所有14条评论

相关问题