Comments (8)
Is it possible to pass information in to compoent and overlay?
I have the two paths below and only need to add title of the header and the text inside of TextView.
<Route path="/help" component={TextView} overlayComponent={HomeHeader}/>
<Route path="/information" component={TextView} overlayComponent={HomeHeader} />
something like
<Route path="/help" component={TextView} overlayComponent={HomeHeader} title="Help" text="Help Text"/>
<Route path="/information" component={TextView} overlayComponent={HomeHeader} title="Information" text="bla bla..."/>
from react-router-native.
See my comment here. In terms of react-router-native, we should probably make this easier by passing the overlay
ref
in props to route
components as soon as facebook/react-native@c57bac4 lands in a stable release.
from react-router-native.
Excited for new changes in NavigationExperimental!
from react-router-native.
Same here. I think we are only a couple weeks away from calling it just Navigation
. ⌛️
🍺
from react-router-native.
@jmurzy Hey, posting the gist I linked to from Discord so others can follow-along/help. This is my attempt (not a runnable example, but has all relevant redux code) at using redux to control the title of a overlayComponent. The issue is that the actions do not fire when routes change from pop/back/etc because the components have already rendered.
https://gist.github.com/cpsubrian/278ad43f79f2301c4aba1cb5401fca99
from react-router-native.
@cpsubrian Thanks for the gist. I'll try to reproduce this on my end, and get back to you in the next few days.
from react-router-native.
Yeah no rush, in the meantime just adding the header in the component. Would be nice to get the animations driven by the interpolators back at some point though.
from react-router-native.
Thanks for taking a look.
from react-router-native.
Related Issues (20)
- Tabs Route creates a new view in the hierarchy every time
- <Link> component has excessive required props. HOT 1
- Component not unmounting on goBack() HOT 3
- Override navigationCard styles
- Change Icon when the tab is active
- Header right button disable
- Router not passed to children HOT 3
- Unnecessary warning: An <IndexRoute> is not allowed for <TabsRoute>? HOT 1
- compatibility react-native-web ? HOT 5
- undefined is not a function(evaluating '(0, _reactRouterNative.withRouter)') HOT 3
- Can't specify routes as a plain object
- Not fired componentDidMount when change route in StackRoute through history.push
- How does this relate to react-router v4 new native package? HOT 3
- Please sanity test my query modification functions [Suggestion?]
- Is it possible to use es6 class syntax for component definition?
- Cannot read property 'location' of undefined HOT 2
- Not working in react-native-web HOT 1
- is this project abandoned? HOT 5
- Add react-router-native to reactnative.gallery 🎨
- Tabs getting reset to initial route on modifying device font
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-router-native.