状态栏下方的 Nativescript 操作栏

Question

我正在尝试创建一个 Nativescript Vue 应用程序，在我的 Android 10 设备 (Samsung S10+) 上进行测试时，状态栏部分覆盖了操作栏。

即使在游乐场应用程序中也可以看到效果。

该问题可以通过删除 android 配置中的透明状态栏选项来解决。但这意味着状态栏的颜色不会是动态的。

有人遇到过这种情况吗？

Answer 1

Nativescript 在下面添加了默认配置，APP_resources/Android/src/main/res/values-21/styles.xml您可以更改通知栏的行为，以及它如何处理特定设备的屏幕剪切。

这意味着您可以设置“无半透明通知栏”，并在没有 ActionBar 的情况下删除默认填充（actionBarHidding = true）。

请参阅此链接了解更多信息。

https://github.com/NativeScript/NativeScript/issues/6795

PS1：我不知道为什么这里需要代码，这是一个简单的更改，但你可以：

`

<!-- Application theme -->
<style name="AppThemeBase21" parent="AppThemeBase">
    <item name="android:windowTranslucentStatus">false</item>
    <item name="android:datePickerStyle">@style/SpinnerDatePicker</item>
    <item name="android:timePickerStyle">@style/SpinnerTimePicker</item>
    <item name="android:windowLayoutInDisplayCutoutMode">default</item>
</style>

<style name="AppTheme" parent="AppThemeBase21">
</style>

<!-- Default style for DatePicker - in spinner mode -->
<style name="SpinnerDatePicker" parent="android:Widget.Material.Light.DatePicker">
    <item name="android:datePickerMode">spinner</item>
</style>

<!-- Default style for TimePicker - in spinner mode -->
<style name="SpinnerTimePicker" parent="android:Widget.Material.Light.TimePicker">
    <item name="android:timePickerMode">spinner</item>
</style>

<style name="NativeScriptToolbarStyle" parent="NativeScriptToolbarStyleBase">
    <item name="android:elevation">4dp</item>
    <!-- <item name="android:paddingTop">24dp</item> -->
</style>

`