javascript - 状态栏下方的 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>

`