Having Problems Setting View Background Color with List View--SwiftUI

Question

I want to set the View Background color to green. I have a List View and it's fine but the underlying view needs to be green--see image. I know I'm missing something but with SwiftUI you sometimes don't know if it's a bug or just how the thing is supposed to work. Any ideas that have worked for others I would appreciate. I have attached my code and I am on Xcode Version 11.5 (11E608c).

Here is the code:

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))
          }
      }
   }

refer to this SO answer: https://stackoverflow.com/questions/56517904/how-do-i-modify-the-background-color-of-a-list-in-swiftui — workingdog support Ukraine, Jun 10 '20 at 02:31

score 3 · Accepted Answer · answered Jun 10 '20 at 02:20

3

Unfortunately swiftui doesn't support this yet, however, List is just a uitableview under the hood so you can just change the UITableView properties.

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
    }
}

Its important to note that this will change all List instances in this view so if you have multiple Lists they all will be the same colors.

to overcome this issue you can make different views for each List and then embed them in your main view.

answered Jun 10 '20 at 02:20

Muhand Jumah

1,726
1
11
26

1

This works, and thanks. The "UITableView.appearance().backgroundColor = .yellow" code I will have to customize but that shouldn't be a problem. – gosborne3 Jun 10 '20 at 04:17
It shouldn’t be very different from what you did, it’s straight forward, if you have any troubles please let me know. – Muhand Jumah Jun 10 '20 at 04:19
Great! Good luck. – Muhand Jumah Jun 10 '20 at 04:22
what if I want to set an image to a background? @Muhand Jumah – Mert Köksal Nov 19 '20 at 13:07
@MertKöksal you could set color to clear and put your Image and List in a Zstack – Muhand Jumah Nov 19 '20 at 14:40
Can you demonstrate it simply? – Mert Köksal Nov 19 '20 at 14:51
Here, i wrote a quick gist. https://gist.github.com/Muhand/d78d1c81bd9fef507caee0b966dfe4c0 – Muhand Jumah Nov 20 '20 at 03:19
@MertKöksal forgot to mention you in the previous comment. I hope you saw it. – Muhand Jumah Nov 23 '20 at 00:12

Having Problems Setting View Background Color with List View--SwiftUI

1 Answers1