.fixedSize基本用法在 SwiftUI 中，.fixedSize() 是一个修饰符（Modifier），用于阻

在 SwiftUI 中，.fixedSize() 是一个修饰符（Modifier），用于 阻止视图在特定方向（水平、垂直或双向）上被压缩或拉伸，强制其采用内容的“理想尺寸”（即不受父视图或布局约束的影响）。它特别适用于需要精确控制视图尺寸的场景，比如确保 Text 或 Image 按原始大小显示。

1. 基本作用

默认情况下，SwiftUI 视图会根据父视图的约束调整自身尺寸（如被压缩或拉伸）。
使用 .fixedSize() 后，视图会忽略外部约束，直接采用其内容的“理想尺寸”。

2. 基本语法

.fixedSize()                     // 同时固定水平和垂直方向
.fixedSize(horizontal: Bool, vertical: Bool) // 选择固定方向

参数说明

参数	说明
`horizontal`	如果为 `true`，视图的水平尺寸不会被压缩或拉伸。
`vertical`	如果为 `true`，视图的垂直尺寸不会被压缩或拉伸。

3. 常见使用场景

场景 1：阻止 `Text` 被压缩或换行

默认情况下，如果 Text 的宽度受限，文本会换行或截断。使用 .fixedSize() 可以强制单行显示：

Text("这是一段很长的文本，默认会换行")
    .fixedSize(horizontal: true, vertical: false) // 水平方向不换行

效果：

文本会保持单行显示（可能超出父视图边界）。

场景 2：确保 `Image` 按原始尺寸显示

Image(systemName: "star.fill")
    .resizable()
    .fixedSize() // 忽略父视图约束，按 resizable 后的原始尺寸显示

场景 3：按钮保持紧凑

当按钮被放在弹性容器中时，可能会被拉伸：

HStack {
    Button("按钮") { /* ... */ }
        .fixedSize() // 保持按钮紧凑
    Spacer() // 剩余空间填充
}

4. 对比其他修饰符

修饰符	作用	与 `.fixedSize()` 的区别
`.frame()`	强制设置固定尺寸	直接指定宽高，无视内容尺寸
`.layoutPriority()`	调整布局优先级	不直接控制尺寸，仅影响竞争空间时的权重
`.fixedSize()`	采用内容理想尺寸	完全忽略外部约束

5. 实际示例

示例 1：单行文本禁止换行

VStack {
    Text("非常非常非常非常非常长的文本")
        .lineLimit(1) // 强制单行（但可能被截断）
        .fixedSize(horizontal: true, vertical: false) // 禁止压缩
        .background(Color.yellow)
    
    Text("非常非常非常非常非常长的文本")
        .background(Color.green) // 默认会换行
}
.frame(width: 150)
.border(Color.red)

效果：

黄色文本会超出红色边框（不换行），绿色文本自动换行。

示例 2：图标保持原始大小

HStack {
    Image(systemName: "heart.fill")
        .resizable()
        .frame(width: 50, height: 50) // 强制拉伸
    
    Image(systemName: "heart.fill")
        .resizable()
        .fixedSize() // 保持系统默认大小
}
.foregroundColor(.red)

6. 注意事项

谨慎使用
.fixedSize() 可能导致视图超出父容器边界（需配合 clipped() 裁剪）。
与 resizable() 的冲突
- 对 Image 使用 .fixedSize() 前，需先调用 .resizable()，否则无效。
性能影响
过度使用可能导致布局计算复杂化（尤其是在滚动视图中）。

7. 总结

场景	代码示例
禁止文本换行	`.fixedSize(horizontal: true, vertical: false)`
保持图片原始尺寸	`.resizable().fixedSize()`
阻止按钮拉伸	`Button("OK") {}.fixedSize()`

核心用途：
✅ 确保视图按内容自然尺寸显示
✅ 避免被父视图压缩或拉伸
✅ 精确控制简单组件（如标签、图标）的布局

通过合理使用 .fixedSize()，可以解决许多因自动布局导致的尺寸问题！ ✨

.fixedSize基本用法