Hi guys,
I have an error during swipeback
TypeError: Cannot read property ‘route’ of undefined
at Framework7.handleTouchEnd (swipe-back.js:552)
My app.jsx is about:
render() {
return (
<App params={this.state.f7params} >
{/* Status bar overlay for fullscreen mode*/}
<Statusbar></Statusbar>
{/* Your main view, should have "view-main" class */}
<View main className="safe-areas" url="/" />
</App>
)
}
i call the page in this way:
<Link href="/contact/" text="View All" className="right"></Link>
contact is a normal page:
export default class extends React.Component {
constructor(props) {
super(props);
this.state = {
items: [
{
phone: '091111111',
label: 'Police',
},
]
}
}
render() {
return (
<Page className="contact-page">
<Appbar noHairline>
<div className="left">
<Button small href="/menu/" className="display-flex" iconF7="bars" />
</div>
<div className="center">
<img src="/static/img/shared/logo-bar.svg" className="logo-appbar"></img>
</div>
<div className="right">
<span className="has-notification"></span>
<Button small href="/notifications/" className="display-flex" iconF7="bell" />
</div>
</Appbar>
<List className="main-list" noHairlines>
<ListItem className="section-thumb gallery">
<Block>
<BlockTitle medium>Contact</BlockTitle>
</Block>
</ListItem>
</List>
<Block className="items">
{this.state.items.map((item, i) => (
<Row
key={'row-' + i}
>
<Col width="75">
<p>{item.label}</p>
</Col>
<Col width="25">
<Button href={'tel:' + item.phone} external text="Call" fill></Button>
</Col>
</Row>
))}
</Block>
<Toolbar labels position='bottom' noHairline >
<Link href="/gallery/" tabLinkActive text="Photocontext" iconIos="f7:images"></Link>
<Link href="tel:1111" external text="Contact Us" iconIos="f7:phone_fill" ></Link>
<Link href="/faq/" text="Faq" iconIos="f7:tickets" className="last" ></Link>
</Toolbar>
</Page>
);
}
};