[SwiftUI]ListビューでButtonが機能しない時の対処法

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

「ListビューでButtonが上手く機能しない」
という人に向けて、その対処法を紹介します。

対処法

ListビューでButtonを上手く機能させるには、buttonStyleモディファイアを使います。

まず、Listビュー内のButtonにbuttonStyleモディファイアを付与します。

そして、buttonStyleの引数にPlainButtonStyleを指定します。

Button(action: {
    //処理
}){
    //ラベル
}
.buttonStyle(PlainButtonStyle())

buttonStyleモディファイアを使えば、Listビュー内でもButtonを機能させることが出来ます。

使用例

以下は、使用例です。

import SwiftUI

struct SampleView: View {
    
    var body: some View {
        List {
            HStack{
                ForEach(0..<3){ index in
                    Button(action: {
                        print("Tap \(index)")
                    }){
                        Text("Button \(index)")
                    }
                    .buttonStyle(PlainButtonStyle())
                }
            }
        }
    }
}

[SwiftUI]Buttonに枠線をつけるには？

Buttonに枠線をつける方法を紹介します。

www.choge-blog.com

2022.01.24

[SwiftUI]Buttonのテキストのフォントを変えるには？

Buttonで表示するテキストのフォントを変える方法を紹介します。

www.choge-blog.com

2022.01.20

[SwiftUI]Buttonのテキストのサイズを設定するには？

Buttonで表示するテキストのサイズを設定する方法を紹介します。

www.choge-blog.com

2022.01.19

[SwiftUI]画像をButtonで使うには？

画像をButtonで使う方法を紹介します。

www.choge-blog.com

2022.01.17