Is it possible to style toolbar(header) now? about react-navigation HOT 9 CLOSED

It's been just merged for the header -> a606073.

TabBar has it already -> see tabBarOptions.style https://reactnavigation.org/docs/navigators/tab

You can pass any style you want instead of using arbitrary properties which should make it easier to style and remember.

from react-navigation.

Forgive me if I'm doing something wrong, but since it's merged in for header can't we just add it to our Stack Navigation options?

const MyApp = StackNavigator({
  Login: {
    screen: LoginScreen,
  },
  Main: {
    screen: MainScreen,
    navigationOptions: {
      title: 'Title',
      header: {
        style: {
          backgroundColor: 'blue',
        },
      },
   },
  },
});

That doesn't seem to work for some reason 🤔

from react-navigation.

We still need to support a tintColor for header to which styles the text and icon colors

from react-navigation.

closing in favour of #36

from react-navigation.

@housseindjirdeh are you using from npm or github? I don't think it's published to npm yet

from react-navigation.

@satya164 ah was just thinking that might be it, thanks so much mate appreciate it

from react-navigation.

I am also having problems to get color to work. Isn't this feature published to npm?

from react-navigation.

@nonameolsson Yep it's not published to npm yet, but you can get it from here instead (npm install --save https://github.com/react-community/react-navigation.git)

from react-navigation.

@housseindjirdeh Thanks! I the documentation at https://reactnavigation.org up-to-date? Or does it match the version published to NPM?

from react-navigation.