SwiftUI

SwiftUIでのListの使い方

SwiftではList{}を使うことで一覧表示ができるようになっています。

import SwiftUI

struct ListSample: View {
    var body: some View {
        List{
            Text("Hello, World!")
            Text("Hello, World!")
            Text("Hello, World!")
            Text("Hello, World!")
            Text("Hello, World!")
        }
    }
}

反復処理を使う場合

反復処理を使いたい場合は、ForEachを使用します。
下記コードでも"Hello,World"が五個のリストが表示されます。

struct ListSample: View {
    var body: some View {
        List{
            ForEach(0..<5){ _ in
                Text("Hello,World")
            }
        }
    }
}

変数を使用したForEach

配列の中身を列挙したりするには下記のようにします。

struct ListSample: View {
    let samples = ["Sato","Suzuki","Takahashi","Tanaka"]
    var body: some View {
        List{
            ForEach(samples, id:\.self){
                Text($0)
            }
        }
    }
}

-SwiftUI
-, ,

© 2024 swift技術ブログ Powered by AFFINGER5