问题标签 [safearea]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
71 浏览

uiscrollview - 滚动视图内的 ChildViewController 显示额外的安全区域插图

我有 ViewController 呈现如下视图层次结构:

使用此视图层次结构,我在 iOS 15 中看到问题,其中我的 section2 集合水平滚动指示器缩进了 34 个点,并且我的集合单元格视图也缩进了。

这只发生在 iOS 15 和具有安全区域的 iPhone 中。

** 我的子视图控制器是。使用以下代码添加到 ContainerView:

Brown 滚动视图是一个调试滚动视图,用于测试问题是否与集合或任何 UIScrollView 继承视图有关。

** 如果我仅将 ChildViewController 的视图添加为子视图,它可以正常工作,并且集合中的滚动指示器和其他子视图不会缩进。

如果我仍然不清楚我的问题,请告诉我。

在此处输入图像描述

0 投票
1 回答
339 浏览

android - 颤振安全区域问题

我正在开发一个应用程序,我需要使用安全区域以避免不必要的滑动。虽然我已经在自定义容器中实现了安全区域来渲染屏幕,但它在顶部留下了一个白边。

当我将这些参数添加到SafeArea()小部件时,

空白消失了。但是,应用栏的尺寸太大。这是最小的代码

示例图像

这只发生在高大的显示器上,即超过 18:9 的纵横比。

有人可以告诉我出了什么问题,我该如何解决?

0 投票
0 回答
41 浏览

ios - 如何在 SwiftUI 中将 MapKit 的地图扩展到 NavigationBar 和 TabBar 之外?

我正在开发一个同时使用 TabView 和 NavigationView 的 SwiftUI 应用程序。其中一个视图负责呈现来自 MapKit 的地图,它旨在占用所有可用空间。我希望它扩展到 TabBar 和 NavigationBar 之外,这样我就可以通过栏的标准半透明材料看到地图的内容,就像 Apple Store 应用程序的截图一样:

苹果商店应用截图

我尝试在地图上使用 .ignoresSafeArea() 修饰符,但是这些栏根本没有背景材料,只有按钮和导航标题可见,如下所示:

演示视图截图

这似乎不是我的应用程序结构特有的问题 - 我尝试用这两个栏制作一个新的独立视图,但仍然得到相同的结果。这是该示例视图的代码:

是我遗漏了什么重要的东西还是地图组件中存在错误?

0 投票
1 回答
23 浏览

swift - Swift + 安全区 + 为什么底部安全区增加

我正在使用 IOS SDK 15,当我将视图自动布局到底部安全区域时,我的视图从底部从 34 上升到 83,当我检查时,这是由于安全区域增加到 83。任何人都可以建议为什么安全区域增加到83?

0 投票
1 回答
55 浏览

ios - SwiftUI Edges 在模拟器上未被忽略

我是一名 SwiftUI 实习生。在下面的这个特定视图中,存在图像中的问题。而 .ignoreSafeArea(.bottom) 或 .edgesIgnoreSafeArea(.bottom) 在预览中工作。它在模拟器上不起作用。我想知道这是一个错误还是我错过了什么。感谢您的帮助!

发出截图

更新的解决方案

该问题是由根视图逻辑引起的。当您使用 navigationLink 在根视图上导航另一个屏幕时会导致此问题。我不想使用标准 NavigationLink 进行导航,因为它正在冻结动画(Lottie),当您通过 navigationLink 转到某个屏幕并返回时,我正在屏幕上播放。

下面是查看代码。希望不要那么乱。

在例如使用的一些组件。动态水平垫片

DynamicHorizo​​ntalSpacer && Vertical 它们共享相同的逻辑

我正在使用的文本字段。

0 投票
1 回答
15 浏览

ios - 将底部导航栏扩展到安全区域

我有以下屏幕

在此处输入图像描述

这是代码:

问题是我想使用SafeArea并且bottomBarMatchScaffold不同的颜色。

我希望底栏下方的空间与底栏的颜色相同。如果我向上移动SafeArea一层,我会看到它是黑色的(我猜是系统颜色)