SafeArea on Android with notch

未关闭

#6,795 创建于 2019年1月14日 21 条评论 9 个 reaction 已指派 0 人在 GitHub 查看

还没有人认领这个 Issue。

评估

难度: 4/5
预计耗时: 3-5 天
新手友好度: 35/100

Issue 类型: 缺陷
描述清晰度: 基本清楚
活跃度: 停滞
技术栈: android
领域: mobile-dev

调研方向

在运行 Android P 的 Pixel 3 XL 上使用 NativeScript Drawer Navigation 应用复现该问题，然后首先跟踪 Android ActionBar 如何处理刘海和安全区域内边距。完成标准是 Home 标题不再与刘海重叠，同时在没有刘海或刘海高度不同的手机上保持正确定位。

由索引模型根据 Issue 内容生成。

描述

bug os: android

Hi to all,

I am using latest NativeScript with Sidekick:
Version: 1.14.1-v.2018.11.23.3 (latest)
NativeScript CLI version: 5.1.0
CLI extension nativescript-cloud version: 1.15.0
CLI extension nativescript-starter-kits version: 0.3.5

I have a problem with Android (Pixel 3 XL, android P) where phones notch cuts into ActionBar.
Application is Drawer Navigation application which comes with Native Script (built in).
Check attached preview. You can not see the notch but it cuts over "Home" action bar title.

I have tried with CSS top margin 50 but then it will effect other phones which does not have notch or notch height is different.
Is there a proper way to deal with this?

I could not find any solution. I think that NativeScript should be able to handle this by default, but it does not.

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

主要语言: TypeScript
星标: 25.7k
派生: 1.7k
平均合并: 1 天 5 小时
30 天内合并 PR: 35

贡献指南

打开贡献指南

从这里开始

先读完整个 Issue，再读项目的贡献指南。
在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
Fork 仓库，在一个分支上完成修改。
提交 Pull Request，并在描述里引用这个 Issue 编号。

NativeScript/NativeScript 的其他 Issue

Create inputs in core/ui/dialogs/index.android.js with AlertDialog context 未关闭

难度 2/5 1-3 小时新手友好度 65/100

NativeScript/NativeScript#11068 · 2026年2月1日创建
[Bug] Android frames are missing from frame stack after backpress and app resume 未关闭

bug-pending-triage

难度 3/5 1-2 天新手友好度 66/100

NativeScript/NativeScript#11436 · 2026年9月16日创建
[Vite, Vue, HMR] per-module-served plugin subpath that imports `nativescript-vue` bare evaluates the real package root and double-runs `init()` (Element for AbsoluteLayout already registered) 未关闭

难度 4/5 3-5 天新手友好度 45/100

NativeScript/NativeScript#11421 · 2026年9月9日创建
Error typing the 'ns device' command 未关闭

bug-pending-triage

难度 3/5 1-2 天新手友好度 52/100

NativeScript/NativeScript#11415 · 2026年9月4日创建
With NS9.1 I see a minor CSS issue 未关闭

bug-pending-triage

难度 3/5 1-2 天新手友好度 48/100

NativeScript/NativeScript#11374 · 2026年8月28日创建

查看 NativeScript/NativeScript 的全部 Issue

相似的 Issue

[Bug]: Session row status indicator sits flush against the selection pill's rounded corner 未关闭

clawsweeper:fix-shape-clear clawsweeper:queueable-fix clawsweeper:source-repro impact:ux-friction issue-rating: 🦞 diamond lobster no-stale P3

难度 2/5 1-3 小时新手友好度 78/100

openclaw/openclaw#154145 · 2 条评论 · 1 个 reaction · 2026年9月20日创建
[good first issue] 🀄 Add new Grammar Point 265 (good-first-issue) 未关闭

community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs

难度 1/5 1 小时以内新手友好度 76/100

lingdojo/kana-dojo#30632 · 1 条评论 · 5 个 reaction · 2026年9月20日创建
[Duplicate Code] Repeated filtered model-alias assembly in proxy server 未关闭

code-quality refactoring

难度 2/5 1-3 小时新手友好度 84/100

github/gh-aw-firewall#8816 · 2026年9月20日创建
quickjs: support `timeout=None` (no per-call deadline) in `CodeInterpreterMiddleware` 未关闭

integration:quickjs org:external priority:backlog topic:code-interpreter topic:middleware type:feature

难度 2/5 1-3 小时新手友好度 74/100

langchain-ai/deepagents#6450 · 2026年9月20日创建
`QuotedTweet.self_thread` is optional in syndication responses 未关闭

难度 1/5 1 小时以内新手友好度 88/100

vercel/react-tweet#225 · 2026年9月20日创建

更多 TypeScript Issue