Altura da lista do SwiftUI Row - como controlar?


9

Eu tenho uma lista simples no SwiftUI. Código e captura de tela incluídos abaixo. Gostaria de reduzir a altura de cada linha da lista (menos espaço entre as linhas e as linhas de texto mais próximas).

Eu já tentei adicionar um ".frame (height: 20)" ao HStack, mas ele só permite aumentar o espaçamento entre linhas!

Existe uma maneira de fazer isso?

Obrigado!

Gerard

import SwiftUI

struct PressureData: Identifiable {
  let id: Int
  let timeStamp: String
  let pressureVal: Int
}

struct ContentView : View {
  @State var pressureList = [
    PressureData(id: 0, timeStamp: "11:49:57", pressureVal: 10),
    PressureData(id: 1, timeStamp: "11:49:56", pressureVal: 8),
    PressureData(id: 2, timeStamp: "11:49:55", pressureVal: 9),
    PressureData(id: 3, timeStamp: "11:49:54", pressureVal: 1),
  ]

  var body: some View {
    VStack {
        Text("Pressure Readings")
            .font(.system(size: 30))
        List(pressureList) { row in
            HStack {
               Spacer()
                Text(row.timeStamp)
                Text("--->")
                Text(String(row.pressureVal))
                Spacer()
            } .frame(height: 30)
        }
    }
  }
}

insira a descrição da imagem aqui

Respostas:


24

Use a variável de ambiente para definir a altura mínima da linha na lista e depois altere a altura do quadro do HStack para a altura desejada.

Aqui está o código:

var body: some View {
    VStack {
        Text("Pressure Readings")
            .font(.system(size: 30))
        List(pressureList) { row in
            HStack {
                Spacer()
                Text(row.timeStamp)
                Text("--->")
                Text(String(row.pressureVal))
                Spacer()
            }.frame(height: 10)
        }.environment(\.defaultMinListRowHeight, 10)
        }
  }

Aqui está a saída:

insira a descrição da imagem aqui


Perfeito - exatamente o que eu estava procurando. Obrigado pela resposta rápida Razib - MUITO apreciado!
Gerard

Ótima resposta, existem muitos truques ocultos no SwiftUI :)
Michał Ziobro
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.