This took me way too long to figure out, and was helped by the people here https://github.com/OnsenUI/OnsenUI/issues/1547
Since Navigator takes an arbitrary route object, basically you pass the props you want to reach your page into the route object. But what if you determine the props at runtime? Pretty easy.
//route object
{
component: Page,
title: ‘Some title’,
anotherKey: 12345
}
Implement your own version of pushPage() and add the props onto the route object:
pushPage(route, navigator, props = {}){
route.props = props;
navigator.pushPage(route);
}
Then pass that object using the spread operator into the Page component:
renderPage(route, navigator){
const componentOptions = {
key: route.title,
renderToolbar: this.renderToolbar.bind(this, route, navigator),
navigator,
pushPage: this.pushPage.bind(this)
}
return <route.component {…route.props} {…componentOptions} />;
}
Hope it helps anyone else who needs to pass props through navigator!
svdoever created this issue in OnsenUI/OnsenUI
open
Documentation OnsenUI is way below par
#1547
