Início / coding / Perguntas / 77717415
Accepted
Bartłomiej Semańczyk
Asked: 2023-12-26 21:04:55 +0800 CST

O alinhamento principal do VStack não funciona com visualizações de texto aninhadas

  • 772

É assim que meu VStack é definido aqui:

VStack(alignment: .leading, spacing: 1) {
    Text("entry.titleAlert hajdfg dgfhds fghjds gfhjdsg fhjdsg2")
        .frame(maxWidth: .infinity)
        .multilineTextAlignment(.leading)
        .font(.caption)
        .padding(5)
        .background(Color(uiColor: .alertNews))
   

    Text("entry.contentAlert jhdsg fdhjsgf dhjsgf dhjsgf jdhsgf jdhsgf jdhsgf jdhsgf dhjsgf dhjsgf hdsgfh dghjf gsdhjgf dhjsgf dhjsgf dhjsg fjdhsg fjhdsgf jhdsgf jdhsgf dhjsgf jdhsgfhjdsg fhdsg fgdsjgfdhjs gfjdhsgf hs")
        .frame(maxWidth: .infinity)
        .multilineTextAlignment(.leading)
        .font(.caption)
        .opacity(0.7)
        .lineLimit(5)
        .padding(5)
        .background(Color(uiColor: .alertNews))
    Spacer()
}
.frame(maxWidth: .infinity, alignment: .leading)

e o efeito é o seguinte:

Por que não está alinhado à esquerda?

1 respostas

  1. Best Answer

    O alinhamento principal do VStack na função de inicialização serve para alinhar todas as subvisualizações e na .framefunção é para alinhar com seu pai. O mesmo com dois TextViews aninhados dentro. Você está usando .framewith alignment = .centerpor padrão.

    @inlinable quadro de função pública (minWidth: CGFloat? = nulo, idealWidth: CGFloat? = nulo, maxWidth: CGFloat? = nulo, minHeight: CGFloat? = nulo, idealHeight: CGFloat? = nulo, maxHeight: CGFloat? = nulo, alinhamento: Alinhamento = .center) -> alguma visualização

    Então, para fazer com que o texto entrelinhado fique alinhado à esquerda, basta:

    Text("entry.titleAlert hajdfg dgfhds fghjds gfhjdsg fhjdsg2")
    .frame(maxWidth: .infinity, alignment: .leading)
    ...
    • 1

relate perguntas