ListStyle na interface do usuário do Swift

May 08 2023
Para iOS, o estilo de lista padrão (.automatic ) é .

Para iOS , o estilo de lista padrão ( .automatic) é .insetGrouped.

O .automaticestilo 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 .

  1. .automático
  2. .insetGrouped
  3. .agrupados
  4. .inserir
  5. .simples
  6. .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 .

  1. .automático
  2. .insetGrouped
  3. .agrupados
  4. .inserir
  5. .simples
  6. .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 DefaultListStyleno iOS.

List {
    // ...
}
// Leave blank or .listStyle(.automatic) yield the same result in iOS.
.listStyle(.automatic)

Exemplo de inserção agrupada .insetGroupedou InsetGroupedListStyle.

List {
    // ...
}
.listStyle(.insetGrouped)

      
                

Exemplo de agrupado .groupedou GroupedListStyle.

List {
    // ...
}
.listStyle(.grouped)

      
                

Exemplo de inserção .insetou InsetListStyle.

List {
    // ...
}
.listStyle(.inset)

      
                

Exemplo de Simples .plainou PlainListStyle.

List {
    // ...
}
.listStyle(.plain)

      
                

O estilo da barra lateral ( .sidebarou 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)