Ad

PushState Problem Framework7 V3.5.2 Doesn't Load The View

- 1 answer

I've read all question about this problem without finding any solution.

I'm using the current latest version of Framework7 (3.5.2) and I'm trying to implement the pushState statment in order to enable the backButton on Android devices.

In my app.js I've wrote this:

const app = new Framework7({
    root: '#app',
    name: conf.appName,
    version: conf.version,
    id: conf.id,
    theme: 'auto',
    panel: {
        swipe: 'left',
    },
    view: {
        pushState: true,
        //pushStateRoot: '',
        //pushStateSeparator: '#!',
      }
    })

If I set pushState: false, the application works without any problem. If I set true, the application give me a blank page (I've tried using xampp, electron and cordova, I get the same results).

Am I missing something? The Framework7 Doc it's to much confusing..

If pushState is bugged, there are other solution in order to use the backButton on android with Framework7?

Thanks

Ad

Answer

Look at this:

view: {
    pushState: true,
    pushStateSeparator: '#',
    pushStateOnLoad: false
}

You had to remove the pushStateRoot Parameter, that was a good call. But you also have to insert pushStateSeparator, this let you navigate in the right url (without '#'). You need to use pushStateOnLoad too. This one let you "Disable to ignore parsing push state URL and loading page on app load."

For more see the documentation.

Ad
source: stackoverflow.com
Ad