如何在 nativescript 中显示模态视图时将 window 背景变黑
How to turn window background black on showing modal view in nativescript
如下图1所示,当ios13的模态视图出现时,默认背景为黑色。但是在 nativescript 上,默认背景是白色的,如图 2. 如何使用 nativescript core 实现图像 1 的一种背景(黑色)?我尝试更改状态栏的颜色,但实际上更改了图像中部分可见的首页部分的颜色。我试图在 Frame css 上定义背景色,但没有成功。有什么建议么?提前致谢。
图片 1:
图 2:
模态视图选项:
const option: ShowModalOptions = {
context: { selectedAccount: account },
closeCallback: (a, b, c, action) => {
//some code
},
fullscreen: false
};
mainView.showModal("./modal-add-page", option);
您必须在 iOS 上设置 window 的背景颜色。
更新:Nativescript 7
import * as app form "@nativescript/core/application";
import { Color } from "@nativescript/core/color";
import { isIOS } from '@nativescript/core';
if (isIOS) {
if (app.hasLaunched) {
app.ios.window.backgroundColor = new Color("black").ios;
} else {
app.on("launch", _ => app.ios.window.backgroundColor = new Color("black").ios)
}
}
旧版本:
import * as app form "tns-core-modules/application";
import { Color } from "tns-core-modules/color";
// You must run it once application is initiated
app.ios.window.backgroundColor = new Color("black").ios;
如下图1所示,当ios13的模态视图出现时,默认背景为黑色。但是在 nativescript 上,默认背景是白色的,如图 2. 如何使用 nativescript core 实现图像 1 的一种背景(黑色)?我尝试更改状态栏的颜色,但实际上更改了图像中部分可见的首页部分的颜色。我试图在 Frame css 上定义背景色,但没有成功。有什么建议么?提前致谢。
图片 1:
图 2:
模态视图选项:
const option: ShowModalOptions = {
context: { selectedAccount: account },
closeCallback: (a, b, c, action) => {
//some code
},
fullscreen: false
};
mainView.showModal("./modal-add-page", option);
您必须在 iOS 上设置 window 的背景颜色。
更新:Nativescript 7
import * as app form "@nativescript/core/application";
import { Color } from "@nativescript/core/color";
import { isIOS } from '@nativescript/core';
if (isIOS) {
if (app.hasLaunched) {
app.ios.window.backgroundColor = new Color("black").ios;
} else {
app.on("launch", _ => app.ios.window.backgroundColor = new Color("black").ios)
}
}
旧版本:
import * as app form "tns-core-modules/application";
import { Color } from "tns-core-modules/color";
// You must run it once application is initiated
app.ios.window.backgroundColor = new Color("black").ios;