ios - 有条件地将导航栏项目的标签更改为较短的标签会导致对齐错误

Question

将导航栏项目标签从较长的标签切换为较短的标签时，新的较短的标签将在旧标签的中心对齐，如以下两张图片所示:





这是该问题的代码:

struct NavBarItemIssueView: View {
    @State private var isLargeView = true

    var body: some View {
        NavigationView {
            Text("Some text")
                .navigationBarItems(leading: Button(action: {
                    self.isLargeView.toggle()
                }) {
                    if self.isLargeView == true {
                        Text("Show small label")
                    } else {
                        Text("Small")

                    }
                })
        }
    }
}

在应用程序中，当启用或禁用编辑模式时，我必须在两个标签之间切换，并且会出现此问题。有没有办法在swift(ui)中修复此对齐方式？

Answer 1

您可以使用minWidth在按钮上设置大约最大按钮宽度的框架，然后可以将按钮与前缘对齐:

        NavigationView {
            Text("Some text")
                .navigationBarItems(leading: Button(action: {
                    self.isLargeView.toggle()
                }) {
                    if self.isLargeView == true {
                        Text("Show small label")
                    } else {
                        Text("Small")

                    }
                }
                .frame(minWidth: 200, alignment: .leading)
            )
        }