返回到应用程序后,StatusBar会返回,为什么?

时间:2019-10-21 16:19:44

标签: vue.js nativescript android-statusbar android-fullscreen

这是我在NativeScript + Vue中的app.js:

import Vue from "nativescript-vue";

new Vue( {

    template: `<Frame actionBarVisibility="never" ></Frame>` ,

    methods: {
        fullScreenApplier () {
            var app = require("application");
            var platform = require("platform");
            var View = android.view.View;
            if ( app.android && platform.device.sdkVersion >= '21' ) {
                var window = app.android.startActivity.getWindow();
                var decorView = window.getDecorView();
                decorView.setSystemUiVisibility(
                    View.SYSTEM_UI_FLAG_IMMERSIVE |
                    View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY |
                    View.SYSTEM_UI_FLAG_FULLSCREEN |
                    View.SYSTEM_UI_FLAG_HIDE_NAVIGATION |
                    View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN |
                    View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                );
            }
        } 
    }  ,

    mounted () { this.fullScreenApplier(); } 

} ).$start();

它隐藏了StausBar,但是如果我最小化该应用程序并再次返回到它,除非我杀死它,否则StatusBar会永久保留在顶部。

这是什么问题?

1 个答案:

答案 0 :(得分:0)

按@Manoj的建议工作,方法是在fullScreenApplier()中调用@loaded

但是还有另一个问题,

当我称呼它为

permissionApplier () {
   permissions.requestPermission ( [
      "android.permission.INTERNET" ,
      "android.permission.READ_EXTERNAL_STORAGE"
   ] );
}

它再次返回StatusBar

该问题该怎么办?