Programación en Swift y SwiftUI para iOS Developers

Como cambiar el color de fondo en una lista o tabla en SwiftUI

Empezando por iOS 16, puedes personalizar el color del área scrollable de una vista de lista. Simplemente establece el color de fondo usando el modifier background y adjunta el modifier scrollContentBackground a la List view. Poniendo el parametro a .hidden, puedes cambiar facilmente el fondo de la scroll view a otro color como en este ejemplo de código:

List {
            
            ForEach(restaurants.indices, id: \.self) { index in
                
                if(0...1).contains(index) {
                    
                    FullImageRow(restaurant: restaurants[index])
                }else{
                    
                    BasicImageRow(restaurant: restaurants[index])
                    
                }
                
            }
            
            .listRowSeparator(.hidden)
            
        }
        .background(.blue)
        .scrollContentBackground(.hidden)

El resultado en XCode sería el siguiente:

Como añadir una imagen como fondo a una lista o tabla

También podemos poner una imagen como fondo, usando el siguiente código Swift con el framework SwiftUI:

.background{
            
            Image("homei")
                .resizable()
                .scaledToFill()
                .clipped()
                .ignoresSafeArea()
            
            
        }
        .scrollContentBackground(.hidden)
Leave a Reply

Your email address will not be published. Required fields are marked *

Previous Article

Como esconder los separadores de lista o tabla en SwiftUI

Next Article

Como usar NavigationStack en SwiftUI

Related Posts