<SwiftLearn/>
SwiftUI入門 レッスン2

モディファイア

.padding()・.font()・.foregroundColor()などのViewモディファイアの使い方を学びます。

モディファイアとは

モディファイアはViewに変換を適用するメソッドです。 チェーン（連鎖）で書くことができ、適用順序が重要です。 各モディファイアは新しいViewを返すため、元のViewは変更されません。

  • .font() - フォントサイズ・スタイルの設定
  • .foregroundColor() - テキスト・アイコンの色
  • .padding() - 内側の余白
  • .background() - 背景色・背景View
  • .cornerRadius() - 角丸
  • .frame() - サイズ指定

テキストモディファイア

Textに様々なモディファイアを適用してスタイリングします。

Swiftエディタ

レイアウトモディファイア

padding・frame・backgroundなどでレイアウトとスタイルを調整します。 モディファイアの適用順序が結果に影響します。

Swiftエディタ

カスタムモディファイア

よく使うモディファイアの組み合わせはViewModifierプロトコルで カスタムモディファイアとして定義できます。

Swiftエディタ