SwiftUI开发:移除NavigationTitle与TextView之间的多余间距
解决SwiftUI中导航标题与Text组件的多余间距问题
下面是几种实用的解决方法,根据你的实际代码场景选择:
直接调整VStack的间距
如果多余间距来自VStack的默认布局间隔,直接初始化VStack时设置spacing: 0即可:NavigationStack { VStack(spacing: 0) { Text("你的文本内容") // 其他组件 } .navigationTitle("导航标题") }紧凑显示导航标题
系统默认的导航栏标题显示模式会预留较多下方空间,改成inline模式能大幅减少标题与内容的间距:NavigationStack { VStack { Text("你的文本内容") // 其他组件 } .navigationTitle("导航标题") .navigationBarTitleDisplayMode(.inline) }微调顶部内边距
如果上述方法后仍有少量残留间距,可以通过负padding精准调整:NavigationStack { VStack { Text("你的文本内容") // 其他组件 } .navigationTitle("导航标题") .padding(.top, -16) // 数值可根据实际效果调整 }
内容的提问来源于stack exchange,提问作者Sumit Jangra
相关产品推荐
相关产品推荐

