自用手册：SwiftUI

// 获取当前系统的主题模式
@Environment(\.colorScheme)

// 获取当前系统的字体大小
@Environment(\.sizeCategory)
似乎在iOS16.4中会废弃，并被dynamicTypeSize代替

// 获取当前控制器的尺寸
@Environment(\.controlSize)

// 获取销毁当前模态视图的方法
@Environment(\.dismiss)
等于presentationMode.wrappedValue.dismiss()

// 使用命名空间实现动画 类似于flutter中的hero动画
.matchedGeometryEffect(effectId, namespace)

// 声明
import Combine
class Model: ObservableObject {
    @Published var param: Bool = false
}

// 注入
@StateObject var model = Model()

// 使用
@EnvironmentObject var model: Model

// 对齐方式
.alignment
// 间距
.spacing
// 内边距
.padding
// 组件大小
.frame
// 浮层
.overlay
// 背景
.background
// 前景样式
.foregroundStyle
// 无视安全区域
.ignoresSafeArea
// 混合模式
.blendMode
// 模糊
.blur
// 透明度
.opacity
// 阴影
.shadow
// 偏移
.offset
// 旋转效果
.rotationEffect
// 3D旋转效果
.rotation3DEffect
// 色调
.hueRotation
// 禁用操作
.allowsHitTesting
// 显示时
.onAppear
// 消失时
.onDisappear
// 执行任务
.task
// 刷新时执行任务
.refreshable
// 定义模态视图
.sheet
// 布局优先度
.layoutPriority

// NavigationView常用修饰
// 搜索
.searchable
// 标题
.navigationTitle
// 操作栏
.toolbar

// 分组
Group{}
// 水平视图（Row）
HStack{}
// 垂直视图（Column）
VStack{}
// 层叠视图
ZStack{}

// 圆形
Circle
// 矩形
Rectangle
// 圆角矩形
RoundedRectangle
// 使用.fill实现填充
Shape.fill(.linearGradient, .angularGradient)

// Text文本组件常用修饰器
// 字体
.font
// 轻重
.fontWeight
// 行数限制
.lineLimit

// Image图片组件常用修饰器
// 重定义尺寸
.resizable
// 缩放至fit
.scaledToFit
// 缩放至fill
.scaledToFill

// Button图片组件常用修饰器
// 按钮样式
.buttonStyle
// 颜色
.tint
// 尺寸
.controlSize

// TextField与SecureField输入组件常用修饰器
// 输入类型
.textContentType
// 键盘类型
.keyboardType
// 自动大写
.autocapitalizatior
// 关闭自动纠正
.disableAutocorrection
// 焦点设置
.focused(field, equals)

// 预设图片
Image("image")
// 系统图标
Image(systemName: "icon")

AsyncImage(url: URL(string: "https://..."), transaction: Transaction(animation: .easeOut)) { phase in
    switch phase {
    case .success(let image):
        image.resizable()
            .transition(.scale(scale: 0.5, anchor: .center))
    case .empty:
        ProgressView()
    case .failure(_):
        Color.gray
    @unknown default:
        EmptyView()
    }
}

// 声明
enum Field: Hashable {
    case username
    case password
}

// 使用
equals: .username
equals: .password

do {
    let url = URL(string: "url")!
    let (data, _) = try await URLSession.shared.data(from: url)
    result = try JSONDecoder().decode(Address.self, from: data)
} catch {
    result = ...
}

// 参照
.coordinateSpace(name: ...)
// 对照
GeometryReader{proxy in proxy.frame(in: .named(...))}

// 使用PreferenceKey监视并实现滚动检测
// 声明
struct MyPreferenceKey: PreferenceKey {
    static var defaultValue: CGFloat = 0
    static func reduce(value: inout CGFloat, nextValue: () -> CGFloat) {
        value = nextValue()
    }
}
// 使用
GeometryReader { proxy in
    Color.clear.preference(
        key: ScrollPreferenceKey.self,
        value: proxy.frame(in: .named("scroll")).minY
    )
}
.frame(height: 0)
.onPreferenceChange(ScrollPreferenceKey.self, perform: { value in
    withAnimation(.easeInOut) {
        if value < 0 {
            hasScrolled = true
        } else {
            hasScrolled = false
        }
    }
})

// Array([].enumerated())将数组变换为可循环
Foreach(Array([].enumerated()), \.offset) {index, item in ...}

// 使用UUID()作为唯一ID
struct Entity: Identifiable {
    let id = UUID()
}

// 声明
struct TmpModifier: ViewModifier {
    func body(content: Content) -> some View {
        content...
    }
}
// 注册
extension View {
    func tmpStyle() -> some View {
        modifier(TmpModifier())
    }
}
// 使用
View.tmpStyle()

// 声明
struct AnimatableFontModifier: AnimatableModifier {
    var size: Double
    var weight: Font.Weight = .regular
    var design: Font.Design = .default
    func body(content: Content) -> some View {
        content.font(.system(size: size, weight: weight, design: design))
    }
}
// 注册
extension View {
    func animatableFont(size: Double, weight: Font.Weight = .regular, design: Font.Design = .default) -> some View {
        self.modifier(
            AnimatableFontModifier(size: size, weight: weight, design: design)
        )
    }
}
// 使用
View.animatableFont()

// 声明
struct AngularButtonStyle: ButtonStyle {
    func makeBody(configuration: Configuration) -> some View {
        configuration.label...
    }
}
// 注册
extension ButtonStyle where Self == AngularButtonStyle {
    static var angular: Self {
        return .init()
    }
}
// 使用
Button.buttonStyle(.angular)

// 注册
extension Animation {
    static let tmpAnimation = Animation.spring(response: 0.5, dampingFraction: 0.7)
}
// 使用
withAnimation(.tmpAnimation) {...}

// 声明
var drag: some Gesture {
    DragGesture
    .onChanged{}
    .ended{}
}
// 使用
View.gesture(drag)

// 使用画布绘出文字、图形、图片、图标
Canvas { context, size in
    context.draw(Text("text").font(.largeTitle), at: CGPoint(x: 50, y: 20))
    context.fill(Path(ellipseIn: CGRect(x: 20, y: 30, width: 100, height: 100)), with: .color(.pink))
    context.draw(Image("image"), in: CGRect(x: 0, y: 0, width: 200, height: 200))
    context.draw(Image(systemName: "hexagon.fill"), in: CGRect(x: 0, y: 0, width: size.width, height: size.height))
}

// 倾斜
Text("_string_")
// 加粗
Text("__string__")

// 隐藏组件（用于隐藏系统对背景的识别）
.accessibility(hidden: false)
// 定义为组件
.accessibilityElement()
// 定义为组件（将自身及子组件定义为一个整体）
.accessibilityElement(children: .combine)
// 定义组件标题（用于朗读）
.accessibilityLabel("")
// 定义组件类型
.accessibilityAddTraits(.isButton,.isModal)