SwiftUIでLIstの背景色を変更する。

はじめに

今回はSwiftUIで多用されるであろうListの背景色を変更する手順を紹介したいと思います。

Listに対して.backgroundColorで変更したい所ですが、現状は対応していないようで、
UITableView.appearance() を使って変更します。

ContentView

import SwiftUI

struct MenuList: Identifiable {
    var id = UUID()
    var name : String
}

struct ContentView: View {
    
    @State private var menuList = [
        MenuList(name: "menu1"),
        MenuList(name: "menu2"),
        MenuList(name: "menu3"),
    ]
    
    var body: some View {
        List {
            ForEach(menuList) { index in
                Button(action: {
                    print("セルが押されました")
                }) {
                    Text(index.name)
                }
                .foregroundColor(.black)
            }
        }
    }
}

フォーマットではグレーの背景色が適用されます。

背景色を変えてみよう!!

コード全文です。

ContentView

import SwiftUI

struct MenuList: Identifiable {
    var id = UUID()
    var name : String
}

struct ContentView: View {
    
    @State private var menuList = [
        MenuList(name: "menu1"),
        MenuList(name: "menu2"),
        MenuList(name: "menu3"),
    ]
    
    var body: some View {
        List {
            ForEach(menuList) { index in
                Button(action: {
                    print("セルが押されました")
                }) {
                    Text(index.name)
                }
                .foregroundColor(.black)
            }
        }
        //追加
                .backgroundColor(.blue)
    }
}

//追加
extension List {
    
    func backgroundColor(_ color: Color) -> some View {
        UITableView.appearance().backgroundColor = UIColor(color)
        return self
    }
}

無事背景色を変更出来ました!!
extensionでメソッドを切り出す事で、backgroundColorとして設定出来るようにしました!!

以上です!!