How to adjust List row separator visibil ...

How to adjust List row separator visibility and color in SwiftUI

Nov 15, 2022

image

//

//  ListView.swift

//  ListViewSwiftUI

//

//  Created by Saveta Mobile Academy on 09.11.22.

//

import SwiftUI

struct ListView: View {

    @State var colors = ["Red", "Green", "Blue", "Yellow", "Violet", "White", "Orange"]

    @State private var searchText = ""

    

    var body: some View {

        NavigationView {

            VStack {

                List {

                    ForEach(colors, id: \.self) { color in

                        Text(color)

                    }

// color of line in green

                    .listRowSeparatorTint(.green)

// color of line hidden

                    //.listRowSeparator(.hidden)

                    

                }

            }

            .navigationTitle(Text("Colors"))

        }

    }

}

struct ListView_Previews: PreviewProvider {

    static var previews: some View {

        ListView()

    }

}

Enjoy this post?

Buy Saveta Mobile Academy a coffee

More from Saveta Mobile Academy