Closed5
[SwiftUI] 特定の要素を配置すると周辺のレイアウトが崩れる
Image
要素を配置すると、その上に謎の間隔が発生する。
NG
OK
環境
- Xcode 12.5
- iOS 14.5
var titleText: some View {
HStack(alignment: .center) {
if iconImageSystemName != nil {
Image(systemName: iconImageSystemName!)
.resizable()
.foregroundColor(iconColor != nil ? iconColor : .primary)
.frame(width: 15, height: 15)
.padding(.trailing, 1)
}
上記のようなコードに、.padding を追加すると解消できた。
var titleText: some View {
HStack(alignment: .center) {
if iconImageSystemName != nil {
Image(systemName: iconImageSystemName!)
.resizable()
.foregroundColor(iconColor != nil ? iconColor : .primary)
.frame(width: 15, height: 15)
.padding(.trailing, 1)
+ // workaround to fix layout
+ .padding(.top, 1)
+ .padding(.bottom, 1)
}
対処できたのでclose
VStack, HStack のspacing: nil
は関係なさそうだった
このスクラップは2021/05/21にクローズされました