【SwiftUI】Imageビューの便利なモデファイア一覧

システムアイコンの使用

使用可能なアイコンの一覧
https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/

Image(systemName: "circle.grid.hex.fill")

アイコンの加工

Image(systemName: "circle.grid.hex.fill")
  .font(.largeTitle)
  .foregroundColor(.yellow)

resizable

画像をフレームに合わせてリサイズ

Image(systemName: "circle.grid.hex.fill")
    .resizable()
    .flame(width: 200, height: 100)

scaledToFit

縦横の比率を維持してビューサイズに収まるように伸縮

Image(systemName: "circle.grid.hex.fill")
    .resizable()
    .scaledToFit()
    .flame(width: 200, height: 100)

scaledToFill

縦横の比率を維持していずれかの部分がビューサイズいっぱいになるように伸縮

Image(systemName: "circle.grid.hex.fill")
    .resizable()
    .scaledToFill()
    .flame(width: 200, height: 100)