如何防止状态栏覆盖nativescript中模式页

import { Page } from "tns-core-modules/ui/page";

// 设置页面的导航栏样式为透明
export function onLoaded(args) {
    const page = <Page>args.object;
    page.backgroundSpanUnderStatusBar = true;
}

<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="onLoaded">
    <StackLayout marginTop="24">
        <!-- 模态页的内容 -->
    </StackLayout>
</Page>

import { setStatusBarColors } from "nativescript-statusbar";

// 设置状态栏的背景颜色和文字颜色
export function onLoaded(args) {
    setStatusBarColors("#000000", "#ffffff");
}