👔

SwiftUI.Form内で画像を表示させる際に余白を消したい場合は.listRowInsets(.init())を使う

2024/03/25に公開

困る

SwiftUIでFormを使う時にImageを使うとCellの余白が画像に影響を受ける。

Form利用時のセルの余白はlistRowInsetsで制御する
- 下記のどれでもいい
  - .listRowInsets(.init())
  - .listRowInsets(EdgeInsets())
  - .listRowInsets(EdgeInsets(top: 0, leading: 0, bottom: 0, trailing: 0))

例えば次のような感じで左右に余白ができている。ダークモードなんでわかりづらいと思うけど。

...
Form {
    Image(uiImage: image)
    ...
}
...

この余白はlistRowInsetsで潰せる

...
Form {
    Image(uiImage: image)
        .listRowInsets(.init())
    ...
}
...