How to Make your application Full Screen/ Immersive in Nativescript Vue ?

How to Make your application Full Screen/ Immersive in Nativescript Vue ? 1

Sometimes your application needs to be a full screen reserving all the available space in the screen. You can implement this functionality in native script Vue using with 2 ways.

1. From Source code

implement this function in the mounted() method of your activity.

if ( {
const activity =;
const win = activity.getWindow();

Change your android manifest theme as follows.

android:theme="@android:style/Theme.NoTitleBar.Fullscreen" > <!-- Add this line -->

<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />

2. From Android Styles

In AndroidManifest.xml:


In styles.xml:

<style name="FullScreenTheme">
<item name="android:windowNoTitle">true</item>
<item name="android:windowActionBar">false</item>
<item name="windowNoTitle">true</item>
<item name="windowActionBar">false</item>
<item name="android:windowFullscreen">true</item>

You can use any of the above methods for implementing full-screen functionality. Usually, games and Splash screen has full-screen themes. For making your overall application fullscreen use the second approach and implement the FullScreenTheme as a major theme in your application inside AndroidManifest.xml.

Leave a Reply

Your email address will not be published.