Строка состояния прозрачна на android с nativescript

Question

Хотелось бы узнать, как установить прозрачную строку состояния на Android с помощью Nativescript?

Я прочитал много постов ( Как создать прозрачную активность на Android? , https://blog.mindorks.com/how-to-create-a-transparent-activity-in-android ...), но строка состояния всегда серого цвета или не прозрачная.

В значениях / стилях. xml Я добавил это:

<style name="Theme.AppCompat.Transparent.NoActionBar" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:windowIsTranslucent">true</item>
    <item name="android:windowBackground">@android:color/transparent</item>
    <item name="android:windowContentOverlay">@null</item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowIsFloating">true</item>
    <item name="android:backgroundDimEnabled">false</item>
</style>

В AndroidManifest. xml

<activity
            android:name="com.tns.NativeScriptActivity"
            android:label="@string/title_activity_kimera"
            android:configChanges="keyboard|keyboardHidden|orientation|screenSize|smallestScreenSize|screenLayout|locale|uiMode"
            android:theme="@style/Theme.AppCompat.Transparent.NoActionBar">

Я запутался, потому что это очень просто. Может быть, это отличается от nativescript?

Я смотрю это видео https://www.youtube.com/watch?v=NroxMDGOJ_E, но если я установлю этот цвет "# 00000000" или "@ android: color / transparent" на ns_primaryDark, то это не так не работает.

Answer 1

Может быть, это поможет?

https://github.com/PeterStaev/NativeScript-Status-Bar

// Get reference to the Status Bar plugin module
import statusBar = require("nativescript-status-bar");

exports.loaded = function() {
    statusBar.hide();
}

Answer 2

• стр. xml
• стр. js
• стр. css

Протестировано в Nativescript 6, попробуйте это в соответствующий нативный скрипт вашей страницы CSS file:

ActionBar {
   opacity: 0;
}

0 здесь полная прозрачность, где 0,5 наполовину прозрачная, а 1 - полная панель действий.

Чистый способ скрыть Панель действий - это просто go на странице javascript, хотя:

exports.loaded = function (args) {
    page = args.object;
    page.actionBarHidden = true;
}

и на вашей странице XML мы добавляем загруженную функцию, которая получит событие, и страницу, и скрываем эту Панель действий страниц на основе атрибута "actionBarHidden":

<Page loaded="loaded">
<Page>