Início / coding / Perguntas / 79584292
Accepted
Wojciech Konury
Asked: 2025-04-21 16:47:20 +0800 CST

Como fazer com que a primeira linha em uma lista SwiftUI se estenda de ponta a ponta como no Apple Health?

  • 772

Estou tentando recriar um layout semelhante ao do app Saúde da Apple. Especificamente, quero que o primeiro elemento em uma visualização rolável se estenda de ponta a ponta, enquanto o restante do conteúdo deve se parecer com uma .insetGroupedinterface SwiftUI padrão ( ) List.

Existe uma maneira de obter esse efeito dentro de uma Lista — fazendo com que a primeira linha ignore inserções horizontais — ou isso normalmente é feito usando um ScrollView+ VStackcom estilo personalizado para imitar Listo comportamento?

Eu preferiria evitar recriar completamente as seções da lista manualmente se houver uma maneira mais limpa de fazer isso usando List.

Aplicativo Apple Saúde

1 respostas

  1. Best Answer
    List {
    Section {
    } header: {
        BasicHealthRangeCharts(samples: viewModel.healthData.compactMap(ChartHealthSample.init(from:)))
            .padding(.vertical)
    }
    .background(Color(UIColor.systemBackground).frame(width: 1000))
    .listRowInsets(EdgeInsets(top: 0, leading: 0, bottom: 0, trailing: 0))

    
    Section {
        Button {
            viewModel.onPinButton()
        } label: {
            Text(viewModel.isPinned ? "Unpin from summary" : "Pin in summary")
                .foregroundColor(.primary)
                .padding()
        }
        
    } header: {
        Text("Options")
            .padding(.vertical, 16)
    }
    .listRowInsets(EdgeInsets(top: 0, leading: 0, bottom: 0, trailing: 16))
    .headerProminence(.increased)
    
    Section {
        NavigationLink {
            PetHealthAllDataView(dataType: viewModel.type, data: viewModel.healthData)
        } label: {
            Text("Show all data")
        }
    }
}

    insira a descrição da imagem aqui

    • 1

relate perguntas