Estou tentando clonar o aplicativo Notas.
Estou implementando um layout de 3 colunas usando NavigationSplitView
.
var body: some View {
NavigationSplitView {
GroupListView(selectedGroup: $selectedGroup)
} content: {
DiaryListView(selectedDiary: $selectedDiary)
.environment(\.horizontalSizeClass, horzSizeClass)
} detail: {
DiaryView(diary: selectedDiary)
.environment(\.horizontalSizeClass, horzSizeClass)
}
}
Em WindowGroup
, ocultei a barra de título.
WindowGroup {
MainLayoutView()
.environmentObject(auth)
}
.windowStyle(.hiddenTitleBar)
Na coluna "Conteúdo", estou exibindo uma lista usando List
e adicionei botões usando .toolbar
.
No entanto, como não há fundo, o conteúdo se sobrepõe.
Por outro lado, se eu mostrar a barra de título novamente, as colunas "Conteúdo" e "Detalhe" não serão distinguidas visualmente na barra de título.
Como posso implementá-lo exatamente como o aplicativo Notas?