Desde iOS 15, tenemos un nuevo modifier para personalizar la apariencia de una vista de lista. Para cambiar el color de los separadores de línea, puedes usar listRowSeparatorTint como en este ejemplo:
List {
ForEach(restaurants.indices, id: \.self) { index in
if(0...1).contains(index) {
FullImageRow(restaurant: restaurants[index])
}else{
BasicImageRow(restaurant: restaurants[index])
}
}
.listRowSeparatorTint(.blue)
}
.listStyle(.plain)Usando el modifier listRowSeparatorTint cambiamos el código a color azul como podémoste ver en la siguiente imagen:
Como cambiar el color de arriba o de abajo de una línea separadora en una lista o una tabla
Algunos estilos de lista como .plain muestran ambas líneas separadoras tanto al inicio como al final de la lista, como se ve en la anterior imagen.
El modifier .listRowSeparatorTint(_:edges:) tiene un segundo argumento opcional en el que puedes especificar donde se aplica el color.
De manera predeterminada se aplica a todos los bordes.
En el siguiente código podemos ver el uso de este modifier:
List {
ForEach(restaurants.indices, id: \.self) { index in
if(0...1).contains(index) {
FullImageRow(restaurant: restaurants[index])
}else{
BasicImageRow(restaurant: restaurants[index])
}
}
.listRowSeparatorTint(.blue, edges: .top)
}
.listStyle(.plain)El resultado en XCode es el siguiente:
Si te fijas bien podrás ver como solo las líneas separadoras de la parte de arriba estan coloreadas de color azul, de manera que el separador de abajo con el color gris por defecto.
