Struggling getting a page set up with toolbar-tabbar-footer

[beebase]

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>
    );
  }

[Fran Diox]

@beebase You need to use renderToolbar method in the page. Check these docs.