ListStyle na interface do usuário do Swift
Para iOS , o estilo de lista padrão ( .automatic
) é .insetGrouped
.
O .automatic
estilo da lista significa que deixamos a escolha do estilo na mão do SwiftUI . O SwiftUI escolherá aquele que for apropriado para o contexto.
Isso pode variar de acordo com as plataformas, por exemplo, iPhone, iPad, Mac ou até mesmo o local onde a visualização em lista é usada.
Estilos de lista do iOS
O SwiftUI oferece suporte a muitos estilos que variam de acordo com as plataformas.
Neste artigo, vamos nos concentrar apenas no iOS. Temos seis opções .
- .automático
- .insetGrouped
- .agrupados
- .inserir
- .simples
- .Barra Lateral

O SwiftUI oferece suporte a muitos estilos que variam de acordo com as plataformas.
Neste artigo, vamos nos concentrar apenas no iOS. Temos seis opções .
- .automático
- .insetGrouped
- .agrupados
- .inserir
- .simples
- .Barra Lateral
NavigationStack {
List {
Section {
Text("First")
Text("Second")
Text("Third")
} header: {
Text("First Section Header")
} footer: {
Text("Eos est eos consequatur nemo autem in qui rerum cumque consequatur natus corrupti quaerat et libero tempora.")
}
Section {
Text("One")
Text("Two")
Text("Three")
} header: {
Text("Second Section Header")
} footer: {
Text("Tempora distinctio excepturi quasi distinctio est voluptates voluptate et dolor iste nisi voluptatem labore ipsum blanditiis sed sit suscipit est.")
}
Section {
Text("1")
Text("2")
Text("3")
} header: {
Text("Third Section Header")
} footer: {
Text("Ea consequatur velit sequi voluptatibus officia maiores ducimus consequatur rerum enim omnis totam et voluptates eius consectetur rerum dolorem quis omnis ut ut.")
}
}
.navigationTitle("List Style")
// This is the only difference.
.listStyle(.insetGrouped)
}
Como mencionado anteriormente, o SwiftUI usará o estilo Inset Grouped ao definir automático ( .automatic
) ou DefaultListStyle
no iOS.
List {
// ...
}
// Leave blank or .listStyle(.automatic) yield the same result in iOS.
.listStyle(.automatic)
Exemplo de inserção agrupada .insetGrouped
ou InsetGroupedListStyle
.
List {
// ...
}
.listStyle(.insetGrouped)
Exemplo de agrupado .grouped
ou GroupedListStyle
.
List {
// ...
}
.listStyle(.grouped)
Exemplo de inserção .inset
ou InsetListStyle
.
List {
// ...
}
.listStyle(.inset)
Exemplo de Simples .plain
ou PlainListStyle
.
List {
// ...
}
.listStyle(.plain)
O estilo da barra lateral ( .sidebar
ou SidebarListStyle
) vem equipado com uma função especial . No macOS e no iOS, o estilo de lista da barra lateral exibe indicadores de divulgação nos cabeçalhos das seções que permitem ao usuário recolher e expandir as seções .
List {
// ...
}
.listStyle(.sidebar)
