Comments (4)
Just checked, I missed something in . Now it works great. Thank you
from ex-navigator.
@ide in this issue , you provide an approach to use the IOS style navigator in android.
<Navigator.NavigationBar
navigationStyles={Navigator.NavigationBar.StylesIOS}
/>
or
<Navigator.NavigationBar
transitionStyles={Navigator.NavigationBar.TransitionStylesIOS}
/>
I try this, but it doesn't work.Go through the source code int NavigatorNavigationBar.js
,I only see the style code
statics: {
Styles: NavigatorNavigationBarStyles,
StylesAndroid: NavigatorNavigationBarStylesAndroid,
StylesIOS: NavigatorNavigationBarStylesIOS,
}
How to make this work?
Thanks.
from ex-navigator.
Finally, I implement the renderNavigationBar
method, and render a given NavigationBar
and set the navigationStyles to Navigator.NavigationBar.StylesIOS
,and now it is in IOS style.
render() {
return (
<ExNavigator
navigationBarStyle={styles.navigationBarStyle}
titleStyle={styles.titleStyle}
tintColor = { navbar_tint_color }
barButtonTextStyle={styles.barButtonTextStyle}
barButtonIconStyle={styles.barButtonIconStyle}
renderNavigationBar={this._renderNavigationBar.bind(this) }
sceneStyle={styles.barSceneStyle}
initialRoute={BaseRouter.getDashboardRoute() }/>
);
}
_renderNavigationBar(param) {
let navigationStyles = Navigator.NavigationBar.StylesIOS;
return (<Navigator.NavigationBar
routeMapper={param.routeMapper}
style = {param.style}
navigationStyles={navigationStyles}/>);
}
Something like this.
But it is not perfect,the title and the buttons is not center vertical ,on the top ,there is 20px height of statusbar,and currently we cannot impact the Navigator.NavigationBar.StylesIOS
whith a given props,but we can rewrite the Navigator.NavigationBar.StylesIOS.js
file and fix it.
from ex-navigator.
It works but content seems to be blank in my end. Are you able to see the main content?
from ex-navigator.
Related Issues (20)
- import type * as ExRoute from './ExRoute'; HOT 3
- onWillFocus called for previous route and pushed route
- cannot navigate using navigator.push HOT 1
- renderScene doesn't render the component with latest properties passed to the router
- Are there any plans to wrap Navigator Experimental? HOT 1
- proxy `replacePreviousAndPop` method HOT 2
- problems with UIManager.measure() HOT 4
- Element type is invalid: expected a string HOT 2
- Dude's where's the ex-navigation mentioned at ReactEurope? HOT 5
- Can we use ex-navigator to create slide menu ? HOT 2
- when react-native >=0.27, The code 'import ExNavigator from '@exponent/react-native-navigator' ' is wrong HOT 2
- When hiding the back button on Android, the title is placed odd. HOT 1
- Override Back Button Route HOT 1
- How do I get when the user presses 'back'?
- Two export default lines in ExRouteRenderer.js HOT 1
- Only one default export allowed per module. HOT 1
- getNavigatorByUID() -> "Navigator does not exist" HOT 1
- Hook up navigation bar methods to the scene state and props HOT 2
- onDidFocus inside route component
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 ex-navigator.