I have recently build an app using framework7 and cordova. My app consists of a single html file which has all the views in it. To navigate between the views, a back button is present at the top on each child view.
If a person presses the back button on the device, the app will be closed.
How can i use the back button to get to the main page when im in the child pages.
I have read the router api on framework7 website but it is really confusing and does not seem to work. Here is what im trying:
<!-- Views -->
<!-- View -->
<div class="view view-main">
<!-- Pages -->
<!-- Home page -->
<div class="page" data-page="index">
<!-- About page -->
<div class="page cached" data-page="about">
<!-- Services page -->
<div class="page cached" data-page="services">
// Initialize App
var myApp = new Framework7();
// Initialize View
var mainView = myApp.addView('.view-main')
// Load about page:
If you just want to navigate to back pages,Use
pushState : true in app initialization,You will be able to go back using hardware back button in framework7.
If you want to open a specific page,
mainView.router.load is a function in framework7.
You can put a validation on router to check if page is your mainView page.By doing that you can control exiting app.when back page loads it calls the router and router gives you details about page ie:
Hope this helps