SwiftUI 布局技巧：解决界面元素隐藏问题

在使用 SwiftUI 开发 iOS 应用时，界面布局的调整和元素的显示问题往往是一个开发者需要面对的挑战。今天我们来探讨一个常见的场景：在 SwiftUI 应用的启动页面上如何将一个按钮（例如“Groups”）显示在顶部并作为导航链接，同时解决它可能被其他元素遮挡的问题。

问题描述

假设我们正在开发一个应用，启动页面上有以下几个元素：

• 一个绿色背景覆盖整个屏幕。
• 一个可滚动的视图（ScrollView），其中包含一个大图片和一个“Groups”按钮。
• “Groups”按钮位于可滚动视图的底部，但由于图片太大，导致按钮在预览中看不到。

解决方案

使用 GeometryReader

首先，我们可以利用GeometryReader来调整图片的大小，确保它不会超出屏幕宽度，从而让“Groups”按钮可以正常显示。

NavigationView{GeometryReader{geo