[Office Hours] UI Help for View

[kcallon]

Related Discussion

My current medication view is not great and I would love some tips on how to change the UI to look better. Specifically, I've tried to get the show settings to the very top right. I also want to get the medications listed like in the second photo on the main page, but I'm having trouble adapting it.

Reproduction

var body: some View {
VStack {
HStack {
Spacer() // Pushes the button to the right
Button("Show Settings") {
presentSettings.toggle()
}
}
.padding()
// Button("Show Settings") {
// presentSettings.toggle()
// }
Text(medicationSettingsViewModel?.description ?? "")
}
.sheet(isPresented: $presentSettings) {
if let medicationSettingsViewModel {
NavigationStack {
MedicationSettings(isPresented: $presentSettings, medicationSettingsViewModel: medicationSettingsViewModel)
.navigationTitle("Medication Settings")
}
} else {
ProgressView()
}
}
.task {
let patientMedications = fhirStore.llmMedications
self.medicationSettingsViewModel = IntakeMedicationSettingsViewModel(existingMedications: patientMedications)
}
}
}. This is my current view, and I thought that the HStack would fix things but am still struggling to adjust this.

Additional context

No response

Code of Conduct

• I agree to follow this course's Code of Conduct and Contributing Guidelines

[PSchmiedmayer]

@kcallon has this issue been resolved in the office hours? If so, can you are some details and maybe a link to your implementation for future students that might have similar questions?