隐式HStack的怪异表现

SwiftUI中存在一些隐式的HStack,写起来比较方便。有时会懒得写HStack。大多数情况写不写效果是一样的。不过也有些时候会有怪异的表现。

因为文档没有清楚说明,也没有源码,所以说不清到底是什么原因,只是做个记录。或许有人也遇到类似的情况,可以避坑。

swift 复制代码
struct ContentView: View {

    let string = "这是一段测试代码"

    var body: some View {

        NavigationView {

            List {

                NavigationLink {

                    Text(string)

                } label: {

                    Text(string)

                    Spacer()

                    Text("\(string.count)字")

                }

            }

            .listStyle(.sidebar)

            .padding()

        }

    }

}

这里的label是隐式的HStack,也能运行,大致情况也不差。看效果。

swift 复制代码
struct ContentView: View {

    let string = "这是一段测试代码"

    var body: some View {

        NavigationView {

            List {

                NavigationLink {

                    Text(string)

                } label: {

                    HStack {

                        Text(string)

                        Spacer()

                        Text("\(string.count)字")

                    }

                }

            }

            .listStyle(.sidebar)

            .padding()

        }

    }

}

这里的label是显式写出的HStack,看效果。

可以看出,同样是Spacer,在隐式HStack中,它的固定宽度比显式中的大。并且不能通过设置小一点的minLength来缩小这个固定的宽度。Spacer(minLength: 2),这样写也是没用的。

不知道具体的原因。反正偷懒时如果遇到怪异的表现,还是老老实实把HStack给补上。

相关推荐
东坡肘子4 天前
OpenClaw 不错,但我好像没有那么需要 -- 肘子的 Swift 周报 #125
人工智能·swiftui·swift
东坡肘子11 天前
春晚、机器人、AI 与 LLM -- 肘子的 Swift 周报 #124
人工智能·swiftui·swift
君赏12 天前
第三十二章 接下来我们开始做`灭菌整板`页面
swiftui
君赏12 天前
第三十章 接下来我们写首页的功能,首先是我们的`托盘绑定箱号`。
swiftui
君赏12 天前
第三十一章 完善箱号列表
swiftui
君赏12 天前
第二十五章 完善登录逻辑
swiftui
君赏12 天前
第二十六章 Focused
swiftui
君赏12 天前
第 二十章 @Published sink
swiftui
君赏12 天前
第二十一章 @ViewBuilder默认实现|Toggle|我的页面封装
swiftui
君赏12 天前
第二十九章 修复首页 PopMenuView 显示问题
swiftui