如何在 SwiftUI WatchOS App 中更改列表的行背景顏色

Question

在此處查看預覽屏幕截圖

我不希望我的Image或Text像我的按鈕那樣有灰色背景。 我正在使用List ，以便用戶可以在按鈕之間向下滾動。

---

struct ContentView: View {
  var body: some View {
    List {
      Image("Forest1")
        .resizable()
        .aspectRatio(contentMode: .fill)
        .padding(.all)
        .background(Color.black.ignoresSafeArea())
      Text("Welcome Back!")
        .padding()
        .background(Color.black.ignoresSafeArea())
      Button(action: PLACEHOLDER) {
        Text("Shake Tree")
      }
      Button(action: PLACEHOLDER) {
        Text("Open Forge")
      }
      Button(action: PLACEHOLDER) {
        Text("Open Cabin")
      }
      Button(action: PLACEHOLDER) {
        Text("Open Map")
      }
    }
  }
}

Answer 1

您可以使用.listRowBackground(Color.black)將默認列表行背景顏色更改為任何顏色。

---

struct ContentView: View {
  var body: some View {
    List {
      Image("Forest1")
        .resizable()
        .aspectRatio(contentMode: .fill)
        .padding(.all)
        .background(Color.black.ignoresSafeArea())
        .listRowBackground(Color.black) // <- Here
      Text("Welcome Back!")
        .padding()
        .background(Color.black.ignoresSafeArea())
        .listRowBackground(Color.black) // <- Here
      Button(action: PLACEHOLDER) {
        Text("Shake Tree")
      }
      Button(action: PLACEHOLDER) {
        Text("Open Forge")
      }
      Button(action: PLACEHOLDER) {
        Text("Open Cabin")
      }
      Button(action: PLACEHOLDER) {
        Text("Open Map")
      }
    }
  }
}

---