Hide tabbar on tabbed views

in framework7 v6 react how do i hide tabbbar on some pages ?
im using tabbed views

i found the solution , on routes.js i did this:

path: ‘/form/’,
component: FormPage,
on: {
pageAfterIn: (e, page) => {
pageBeforeRemove: (e, page) => {

now with this toolbar hides after the new page comes into view , is there any way to hide toolbar then navigate to new page ?
i tried it but it hides for a second then after navigation toolbar shows again

it would be nice to have a callback on f7.toolbar.hide() to trigger after transition is finished
somthing like this:
f7.toolbar.hide('.toolbar', true, function() {})