SwiftUI 调整视图内容周围间隙（Content Margins）的“时髦”方法

概述

在 SwiftUI 开发的应用中，往往在小屏设备（比如 iPhone）上布局良好的 App 放到大屏（iPad）上后就会“一塌糊涂”。因为它们一味的只想着“占据”却不知道“舍弃”。

从 iOS 17.0（iPad 17.0）开始苹果提供了原生的视图修改器方法专注于处理此事。

相信学完本课后，小伙伴们无论在何种尺寸屏幕上的 App 都会运行的恰如其分、悠然自得。

那还等什么呢？Let‘s fix it！！！😉

本文对应的视频课在此，欢迎恣意观赏！

1. “不和谐”的 iPad 内容空白

下面是一段非常简单的 SwiftUI 代码，我们在视图中显示了一个包含 100 行内容的列表：

struct ContentView: View {
   
    var body: some View {
   
        NavigationStack {
   
            List {
   
                ForEach(1..<100) {
    index