NativeScript處理返回按鈕事件

我正在嘗試處理NativeScript應用程序中的硬件返回按鈕。我在Angular上使用NativeScript 2.3.0版本。NativeScript處理返回按鈕事件

這是我在main.ts文件

// this import should be first in order to load some required settings (like globals and reflect-metadata) 
import { platformNativeScriptDynamic, NativeScriptModule } from "nativescript-angular/platform"; 
import { NgModule,Component,enableProdMode } from "@angular/core"; 
import { AppComponent } from "./app.component"; 
import { NativeScriptRouterModule } from "nativescript-angular/router"; 
import { routes, navigatableComponents } from "./app.routing"; 
import { secondComponent } from "./second.component"; 
import {AndroidApplication} from "application"; 
@Component({ 
    selector: 'page-navigation-test', 
    template: `<page-router-outlet></page-router-outlet>` 
}) 
export class PageNavigationApp { 
} 
@NgModule({ 
    declarations: [AppComponent,PageNavigationApp,secondComponent 
     // ...navigatableComponents 
     ], 
    bootstrap: [PageNavigationApp], 
    providers:[AndroidApplication], 
    imports: [NativeScriptModule, 
     NativeScriptRouterModule, 
    NativeScriptRouterModule.forRoot(routes) 
    ], 
}) 
class AppComponentModule { 

    constructor(private androidapplication:AndroidApplication){ 
     this.androidapplication.on("activityBackPressed",()=>{ 
      console.log("back pressed"); 

     }) 
    } 

} 

enableProdMode(); 

platformNativeScriptDynamic().bootstrapModule(AppComponentModule);

我與

import {AndroidApplication} from "application";

在appComponentModule我註冊事件activityBackPressed的constrouctor導入應用程序之後，只是做了的console.log。

這不起作用。

我在這裏錯過了什麼？

來源

2016-11-15 krv

我使用NativeScript與角度，以及這似乎很好地爲我工作：

import { RouterExtensions } from "nativescript-angular"; 
    import * as application from "application"; 
    import { AndroidApplication, AndroidActivityBackPressedEventData } from "application"; 
    import { isAndroid } from "platform"; 

    export class HomeComponent implements OnInit { 
     constructor(private router: Router) {} 

     ngOnInit() { 
     if (!isAndroid) { 
      return; 
     } 
     application.android.on(AndroidApplication.activityBackPressedEvent, (data: AndroidActivityBackPressedEventData) => { 
      if (this.router.isActive("/articles", false)) { 
      data.cancel = true; // prevents default back button behavior 
      this.logout(); 
      } 
     }); 
     } 
    }

請注意，掛在backPressedEvent是一個全球性的東西，所以你需要檢查你正在的頁面，並按照上面的例子相應地採取行動。

來源

2016-12-22 08:37:17

謝謝艾迪，但我怎樣才能以編程方式退出應用程序..我想要後退按鈕退出應用程序時，在其他主視圖上，你在下面的答案中提到，這不是最佳做法。 http://stackoverflow.com/questions/41307447/nativescript-with-angular-2-on-android-how-to-close-my-app – krv

我想如果你的導航棧是'空'後退按鈕應該退出應用程序。 –

現在使用這些工具集https://github.com/NathanaelA/nativescript-master-technology – krv

通常情況下，您應該有一個android活動並聲明該活動的後備功能。僅使用AndroidApplication是不夠的。試試這個代碼：

import {topmost} from "ui/frame"; 
import {AndroidApplication} from "application"; 

let activity = AndroidApplication.startActivity || 
      AndroidApplication.foregroundActivity || 
      topmost().android.currentActivity || 
      topmost().android.activity; 

activity.onBackPressed = function() { 
    // Your implementation 
}

您也可以看看這個snippet例如

來源

2016-11-15 07:48:46

NativeScript處理返回按鈕事件

回答

相關問題