【问题标题】:Having Problems Setting View Background Color with List View--SwiftUI使用列表视图设置视图背景颜色时遇到问题--SwiftUI
【发布时间】:2020-09-29 07:32:36
【问题描述】:

我想将视图背景颜色设置为绿色。我有一个列表视图,它很好,但底层视图需要是绿色的——参见图像。我知道我遗漏了一些东西,但使用 SwiftUI,你有时不知道它是一个错误还是它应该如何工作。我将不胜感激任何对其他人有用的想法。我已附上我的代码,并且我使用的是 Xcode 版本 11.5 (11E608c)。

代码如下:

var body: some View {
     ZStack() {
          Color(red: 95.0/255.0, green: 122.0/255.0, blue: 128.0/255)
               .edgesIgnoringSafeArea(.all)

          Text("")
          List {
              Group {
                  Text("Price: ")
                  Text("Down: ")
                  Text("APR: ")
                  Text("Term: ")
                  Text("Tax: ")
                  Text("Rebate: ")
              }.listRowBackground(Color(red: 95.0/255.0, green: 122.0/255.0, blue: 128.0/255))

              Group {
                  Text("Add On: ")
                  Text("Fees: ")
                  Text("Trade Value: ")
                  Text("Total Interest: ")
                  Text("Payment: ")
              }.listRowBackground(Color(red: 95.0/255.0, green: 122.0/255.0, blue: 128.0/255))
          }
      }
   }

【问题讨论】:

标签: list background swiftui zstack


【解决方案1】:

很遗憾,swiftui 还不支持此功能,但是,List 只是底层的 uitableview,因此您只需更改 UITableView 属性即可。

struct StackOverflow1: View {
   // you need to modify the UItableview in the initializer
   init() {
        UITableView.appearance().backgroundColor = .yellow       // Change background color
        UITableViewCell.appearance().backgroundColor = .green    // Change each cell's background color
   }

    var body: some View {
       // your code goes here
    }
}

请务必注意,这将更改此视图中的所有 List 实例,因此如果您有多个列表,它们都将是相同的颜色。

要克服这个问题,您可以为每个列表创建不同的视图,然后将它们嵌入到您的主视图中。

【讨论】:

  • 这行得通,谢谢。我必须自定义“UITableView.appearance().backgroundColor = .yellow”代码,但这应该不是问题。
  • 应该和你做的差别不大,直截了当,如果有什么问题请告诉我。
  • 太棒了!祝你好运。
  • 如果我想将图像设置为背景怎么办? @Muhand Jumah
  • @MertKöksal 您可以设置颜色以清除并将您的图像和列表放入 Zstack
猜你喜欢
  • 1970-01-01
  • 2011-11-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-11-01
相关资源
最近更新 更多