Início / coding / Perguntas / 79305305
Accepted
Joris
Asked: 2024-12-24 18:06:28 +0800 CST

Por que o separador de linhas da minha lista desaparece?

  • 772

Isso está no Xcode 16.2 com o SDK do iOS 18, com destino de compilação iOS 17.

Tenho um código muito simples:

List {
    HStack {
        TextField("Some field", text: .constant("Hello"))
        Text("km")
    }
    Text("Hello")
}

Quando eu executo, o separador entre as 2 linhas da lista desaparece abaixo da TextFieldparte:

separador que desaparece

No entanto, quando removo a Text("km")linha, tudo funciona como esperado:

List {
    HStack {
        TextField("Some field", text: .constant("Hello"))
    }
    Text("Hello")
}

Comportamento correto

Não tenho ideia do que está acontecendo aqui. Alguma sugestão?

swiftui

2 respostas

  1. O posicionamento padrão do separador do SwiftUI depende das informações de layout dos filhos diretos da Lista. Quando você tem apenas visualizações HStack, o sistema de layout pode não ter informações suficientes para determinar com segurança onde desenhar o separador, especialmente se o conteúdo HStack não abranger totalmente a largura da linha da lista.

    você pode obter o mesmo comportamento usando este código

     let items = [
            Item(text: "Hello", unit: "km"),
            Item(text: "World", unit: "m"),
            Item(text: "Test", unit: "cm")
        ]
    var body: some View {
        ScrollView {
            VStack {
                ForEach(items) { item in
                    ItemRow(item: item)
                }
            }
            .padding()
        }
      
    }


struct Item: Identifiable {
    let id = UUID()
    let text: String
    let unit: String
}



struct ItemRow: View {
    let item: Item
    var body: some View {
        VStack {
            HStack {
                TextField("Some field", text: .constant(item.text))
                Text(item.unit)
            }
            Divider()
        }
    }
}
    • 0
  2. Best Answer

    O SwiftUI tenta alinhar automaticamente os elementos em uma linha com o separador, mas nem sempre consegue.

    Você pode especificar manualmente exatamente com qual elemento deseja que o separador se alinhe usando o alignmentGuidemodificador desta forma:

    List {
    HStack {
        TextField("Some field", text: .constant("Hello"))
            .alignmentGuide(.listRowSeparatorLeading) { $0[.leading] } // 👈 Telling that separators should be aligned with this component here

        Text("km")
    }

    Text("Hello")
}
    • 0

relate perguntas