隐式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给补上。

相关推荐
文件夹__iOS1 天前
AsyncStream 进阶实战:SwiftUI 全局消息流极简实现
ios·swiftui·swift
CYpdpjRnUE5 天前
光伏电池PV建模及其基于Boost Buck电路的最大功率追踪MPPT算法研究及仿真效果探究
swiftui
初级代码游戏5 天前
iOS开发 SwiftUI 15:手势 拖动 缩放 旋转
ios·swiftui·swift
zhyongrui8 天前
SnipTrip 菜单 Liquid Glass 实现方案:结构、材质、交互与深浅色策略
ios·性能优化·swiftui·交互·开源软件·材质
zhyongrui8 天前
SnipTrip 不发烫的实现路径:局部刷新 + 合成缓存 + 峰值削减
ios·swiftui
初级代码游戏8 天前
iOS开发 SwiftUI 14:ScrollView 滚动视图
ios·swiftui·swift
初级代码游戏8 天前
iOS开发 SwitftUI 13:提示、弹窗、上下文菜单
ios·swiftui·swift·弹窗·消息框
zhyongrui8 天前
托盘删除手势与引导体验修复:滚动冲突、画布消失动画、气泡边框
ios·性能优化·swiftui·swift
zhyongrui9 天前
SnipTrip 发热优化实战:从 60Hz 到 30Hz 的性能之旅
ios·swiftui·swift
大熊猫侯佩10 天前
赛博深渊(上):用 Apple Foundation Models 提炼“禁忌知识”的求生指南
llm·swiftui·大语言模型·foundationmodel·apple ai·apple 人工智能·summarize