Struggling getting a page set up with toolbar-tabbar-footer
-
I can’t get this set up correctly.
Toolbar (above tabbar) and Footer (beneath tabbar) stay hidden under the Tabbar pages.Is there a way to fix this?
render() { return ( <Page> <Toolbar inline> <div className="left"><BackButton>Back</BackButton></div> <div className="center">{'Skill' + this.props.skill.skillNr}</div> </Toolbar> <Tabbar index={this.state.index} position='top' onPreChange={({index}) => this.setState({index})} renderTabs={this.renderTabs.bind(this)} /> <Footer /> </Page> ); }
-
@beebase You need to use
renderToolbar
method in the page. Check these docs.