Hide tabbar on tabbed views

Questions
1

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

2

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

{
path: ‘/form/’,
component: FormPage,
on: {
pageAfterIn: (e, page) => {
page.app.toolbar.hide(’.toolbar’);
},
pageBeforeRemove: (e, page) => {
page.app.toolbar.show(’.toolbar’)
}
}
},

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() {})