NavigationStack에서 title Zstack사용으로 여백이 생김

 

상황

floatingButton 때문에 ZStack은 써야하는 상황 

List를 띄우니 여백이 많이 남는다. 

struct ContentView: View {
    @State var diaryStore:DiaryStore = DiaryStore()
    
    var body: some View {
        NavigationStack{
            ZStack  {
                ListView(diaryStore: $diaryStore)
                VStack {
                    Spacer()
                    HStack {
                        Spacer()
                        Button(action: {
                            print("플로팅 버튼이 클릭되었습니다.")
                        }) {
                            Image(systemName: "plus")
                                .font(.title)
                                .padding()
                                .background(Color.blue)
                                .foregroundColor(.white)
                                .clipShape(Circle())
                        }
                    }
                }
            }
            .navigationTitle("MoodDiary")
        }
        .padding()
    }
}

 

listStyle을 inset으로 설정하기

 

ListView(diaryStore: $diaryStore)
                    .listStyle(.inset)

그나마 봐줄만한데 Scroll을 올렸을 때 오른쪽처럼 안예쁘다..! '-'