How to create a static navbar with Framework7 React?

1

Hi! In Framework7 you can create both static or fixed navbars. But the React Navbar only seems to support fixed navbars. Is that so? Am I missing something?
I tried using slots, but it doesn’t seem to work:

<!-- This does not work, the navbar still renders outside pageContent -->
<Page>
    <Navbar slot="default">....</Navbar>
</Page>

The only way I found to create a static navbar with F7 React is somewhat cumbersome: I need to disable pageContent at Page component, and then manually adding the PageContent component with the Navbar inside.

<Page pageContent={false}>
    <PageContent>
        <Navbar>....</Navbar>
    </PageContent>
</Page>

Do you know if there is a more elengant solution? Thanks!

2

this should work:

<Page>
    <Navbar slot="static">....</Navbar>
</Page>
1 Like
3

It works just great! Thanks a lot for your help.