没问题，我来帮你解决白色背景下状态栏文字看不清的问题。在NativeScript里，你可以通过全局设置或者页面级自定义两种方式实现iOS深色状态栏文字，下面分别说明：

一、全局设置（所有页面生效） #

这种方式适合整个App都需要深色状态栏文字的场景，只需修改iOS的配置文件：

1. 打开项目中的 App_Resources/iOS/Info.plist 文件
2. 添加以下两个键值对：
   • 先添加 UIViewControllerBasedStatusBarAppearance，设置值为 NO（告诉iOS使用全局状态栏样式，而非由每个页面控制器单独控制）
   • 再添加 UIStatusBarStyle，根据iOS版本设置对应值：
     • iOS 13及以上：设置为 UIStatusBarStyleDarkContent（对应深色文字）
     • iOS 12及以下：设置为 UIStatusBarStyleDefault（同样是深色文字，兼容旧版本）

修改后的Info.plist片段示例：

<key>UIViewControllerBasedStatusBarAppearance</key>
<false/>
<key>UIStatusBarStyle</key>
<string>UIStatusBarStyleDarkContent</string>

二、页面级自定义（单个页面生效） #

如果只是部分页面需要深色状态栏文字，其他页面保持默认，就用这种方式：

1. 确保 Info.plist 中的 UIViewControllerBasedStatusBarAppearance 设置为 YES（默认通常为YES，允许页面控制器自定义状态栏样式）
2. 在需要修改的页面代码中（以TypeScript为例），添加以下逻辑：

import { Page, isIOS, device } from "@nativescript/core";

export function onPageLoaded(args) {
    const page = args.object as Page;
    
    if (isIOS) {
        // 根据iOS版本选择适配的状态栏样式
        const statusBarStyle = device.osVersionMajor >= 13 
            ? UIStatusBarStyle.DarkContent 
            : UIStatusBarStyle.Default;
        
        // 获取当前页面的iOS视图控制器
        const viewController = page.ios.viewController;
        // 设置状态栏样式
        viewController.preferredStatusBarStyle = statusBarStyle;
        // 通知系统更新状态栏外观
        viewController.setNeedsStatusBarAppearanceUpdate();
    }
}

然后在页面的XML文件中绑定loaded事件：

<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="onPageLoaded">
    <!-- 页面内容 -->
</Page>

如果你用的是NativeScript Angular，也可以在组件初始化方法中实现：

import { Component, OnInit } from "@angular/core";
import { Page, isIOS, device } from "@nativescript/core";

@Component({
    selector: "app-home",
    templateUrl: "./home.component.html"
})
export class HomeComponent implements OnInit {
    constructor(private page: Page) {}

    ngOnInit(): void {
        if (isIOS) {
            const statusBarStyle = device.osVersionMajor >= 13 
                ? UIStatusBarStyle.DarkContent 
                : UIStatusBarStyle.Default;
            
            const viewController = this.page.ios.viewController;
            viewController.preferredStatusBarStyle = statusBarStyle;
            viewController.setNeedsStatusBarAppearanceUpdate();
        }
    }
}

注意事项 #

• 如果页面使用了导航栏，建议同步调整导航栏样式，保证整体视觉协调
• 测试时记得覆盖不同iOS版本，确保兼容性

内容的提问来源于stack exchange，提问作者Saeb Panahifar