处理硬件后退按钮

Question

我不知道如何使我的winjs（react-winjs）应用程序与硬件后退按钮一起使用。 这是我的导航功能的一个示例：

handleNavigation(location) {
    this.setState({
        location: location
    });

    WinJS.Navigation.navigate(`/${location}`);
    console.log(WinJS.Navigation.history);
}

console.log(WinJS.Navigation.history)以正确的历史顺序输出称为“ backStack”的正确数组，但是单击Windows Phone Emulator上的硬件后退按钮只是退出应用程序。

我是否缺少明显的东西？

这是我设法找到并尝试的结果，但没有成功（我也确实为C＃找到了一些不错的文档，但是我不需要什么）：

链接1

连结2

谢谢

Answer 1

确实，这是一个非常愚蠢的错误，我在不等待winjs / windows准备就绪的情况下初始化了我的应用程序，这是我应该如何初始化它的方法：

(function () {
"use strict";

var app = WinJS.Application;
var activation = Windows.ApplicationModel.Activation;

app.onactivated = function (args) {
    if (args.detail.kind === activation.ActivationKind.launch) {
        if (args.detail.previousExecutionState !== activation.ApplicationExecutionState.terminated) {
            // This is how you should initialize your app
            ReactDOM.render(<App />, document.getElementById('app'));
        } else {
            // TODO: This application was suspended and then terminated.
            // To create a smooth user experience, restore application state here so that it looks like the app never stopped running.
        }
        args.setPromise(WinJS.UI.processAll());
    }
};

app.oncheckpoint = function (args) {
    // TODO: This application is about to be suspended. Save any state that needs to persist across suspensions here.
    // You might use the WinJS.Application.sessionState object, which is automatically saved and restored across suspension.
    // If you need to complete an asynchronous operation before your application is suspended, call args.setPromise().
};

app.start();
})();

这样，我可以在我的组件componentWillMount函数中将EventListener添加到“ backclick”，并且可以正常工作：

componentWillMount() {
    WinJS.Application.addEventListener("backclick", function () {
        document.body.style.background = "red"; //or for example setState/show notification etc...
    });
}