Как выровнять кнопку Dynami c в NavigationBarItems

Question

Я пытаюсь создать пользовательское меню (Dynami c на основе режима редактирования) в задней части панели навигации. Мне нужно 3 кнопки в режиме просмотра и только одну в режиме редактирования.

Проблема в том, что я не могу выровнять кнопки вправо, как показано ниже:

Как видите, кнопка "Готово" находится влево.

Я пытался добавление проставок (), но не повезло.

.navigationBarItems(
        leading: BackButton(label: "") {
            self.presentation.wrappedValue.dismiss()
        },
        trailing:
            HStack {
                if self.mode?.wrappedValue == .inactive {
                    HStack(alignment: .center, spacing: 20) {
                        Button(action: {
                            ////////
                        }) {
                            Image(systemName: "trash")
                            .imageScale(.large)
                        }
                           ////////
                        Button(action: {

                        }) {
                            Image(systemName: "square.and.arrow.up")
                            .imageScale(.large)

                        }

                        CustomEditButton() {
                            ////////
                        }
                    }
                } else {
                    HStack {
                        CustomEditButton() {
                            /////
                        }
                    }
                }
            }

    )