Comments (9)
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.
Related Issues (20)
- Sometimes duplicate tab bar labels appear in bottom tabs HOT 1
- unmountOnBlur shows white screen randomly when switchint tabs HOT 2
- useHeaderHeight changes several times when orientation changes HOT 3
- Navigate into page, increase RAM, navigate back and RAM stays high HOT 1
- When using frosted glass stack to jump in Android mode, ReactNavigation will experience lag and frosted glass will reset HOT 5
- Weird transition in navigation HOT 2
- Invariant Violation: requireNativeComponent: "RNSModalScreen" was not found in the UIManager. HOT 17
- [Bridgeless] [RN 0.74] Event cannot be both direct and bubbling: topFocus HOT 4
- Strange flicker when you scroll up a modal with NativeStack in iOS
- Ripple effect shown twice after clicking one time on material top tab after new architecture enabled. HOT 5
- onStateChange called after screen's mount (useEffect) HOT 6
- MaterialTopTabNavigator Icon Layout Shifting HOT 4
- To prevent the default behavior using e.preventDefault() on `tabPress` event is no longer working HOT 4
- RemoveEventListener error in react-native-navigation@4 HOT 7
- Keyboard is dismissed immediately when focusing on TextInput field on non-outer tabs for `react-native-tab-view` HOT 1
- RemoveEventListener error in react-native-navigation@4 HOT 8
- Bottom Tabs flash when opening keyboard HOT 2
- Bottom Tab Navigator falls out of viewable area HOT 2
- Wrong header height value for screens inside Native Stack inside another Native Stack with modal presentation on iOS
- headerLargeTitle: true with headerBackTitleVisible: false makes back button animation jerky HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-navigation.