[SwiftUI]リスト(List)の表示(style)変更方法

SwiftUI

どうも、ちょげ(@chogetarou)です。

SwiftUIのListの表示を変更する方法について解説します。

スポンサーリンク

listStyleモディファイア

リストの表示は、listStyleモディファイアを使って変更します。

listStyleの定義は次のようになっています。

func listStyle<S> ( _ style : S)

  • style:リストの表示スタイル

引数のstyleでリストの表示スタイルを指定すれば変更することができます。

使えるリスト表示スタイルは2つです。

  • PlainListStyle(デフォルト)
  • GroupedListStyle

GroupedListStyleは、背景が灰色になり、セル(行)が目立つようになっています。

コードだと次のように指定します。

List {
            Text("エンドウ")
            Text("ゴウエンジ")
            Text("カゼマル")
            Text("シゲノ")
            Text("サトウ")
            Text("マエムラ")
        }
        .listStyle(PlainListStyle())

ポイントは、どちらのスタイルもインスタンスを生成することです。

まとめ

リストの表示は、.listStyleモディファイアで変更することができます。

コメント

タイトルとURLをコピーしました