So I have the following problem:
I am somehow “misusing” the <Tabs/>
because, at least in my case, this results in a much clearer code.
I just have normal routes, which all display a <Tabbar/>
which contain the following Links:
export default props => {
const { f7route } = props;
return (
<div className="mobile-tabs">
<Link href="/dashboard" className={f7route.name == 'dashboard' ? 'active' : ''} animate={false}>
<Icon fa="truck" />
<span>Lieferanten</span>
<div className="bar" />
</Link>
<Link href="/history" className={f7route.name == 'history-buyer' ? 'active' : ''} animate={false}>
<Icon fa="history" />
<span>Bestellhistorie</span>
<div className="bar" />
</Link>
<Link href="/profile" className={f7route.name == 'profile' ? 'active' : ''} animate={false}>
<Icon fa="cog" />
<span>Profil</span>
<div className="bar" />
</Link>
</div>
)
}
But I have the following problem: If I switch from /dashboard
to another page, e.g. /profile
and then back to /dashboard
(also via the Tabs), the following error occurs:
I can now “iOS-swipe-back” from /dashboard to an empty page, resulting in a completely blank screen. I don’t understand why.
I tried many ways to fix this, like options: { history: false, pushState: false }
on all the routes which are linked in this Tabbar, but nothing fixes my problem.
I always end up with an “empty” ios swipe back, which is a huge problem as many users end up on this empty page and are stuck.
EDIT:
The error after swiping left to the empty page:
modules.js?hash=c7edb0678a8def4771b0c47b36707eaea9e9a1d9:71240 Uncaught TypeError: Cannot read property 'route' of undefined
at Framework7.handleTouchEnd (modules.js?hash=c7edb0678a8def4771b0c47b36707eaea9e9a1d9:71240)
at modules.js?hash=c7edb0678a8def4771b0c47b36707eaea9e9a1d9:67026
at Array.forEach (<anonymous>)
at modules.js?hash=c7edb0678a8def4771b0c47b36707eaea9e9a1d9:67025
at Array.forEach (<anonymous>)
at Framework7.emit (modules.js?hash=c7edb0678a8def4771b0c47b36707eaea9e9a1d9:67019)
at emitAppTouchEvent (modules.js?hash=c7edb0678a8def4771b0c47b36707eaea9e9a1d9:68982)
at HTMLDocument.appTouchEndPassive (modules.js?hash=c7edb0678a8def4771b0c47b36707eaea9e9a1d9:69013)
Can someone help?
Thanks, cheers, Patrick