SwiftUI -总是左(前导)对齐navigationBarItems(前导:文本(“”))

Question

我有一个具有动态引导项的NaivgationView。也就是说，当用户点击按钮时，它的文本就会被更新。所以这并不总是一样的。

此代码具有与我的项目类似的功能。

struct ContentView: View {
    @State var selectedDay: String = "Wednesday"
    let days = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"]
    var body: some View {
        NavigationView {
            VStack {
                List {
                    ForEach(0..<days.count) {day in
                        Button(action: {
                            self.selectedDay = days[day]
                        }, label: {
                            Text(days[day])
                        })
                    }
                }
            }
            .navigationBarItems(leading: Text($selectedDay.wrappedValue))
        }
    }
}

我希望案文必须始终保持对齐。但是，如果一个文本的字母比第一个字母少，它就不会在左边。例如，在上面的代码中，Wednesday处于最左边的边缘，但是星期五不是。它的领头羊大约有16分。那么如何左对齐文本呢？

我也使用过这段代码，但仍然存在同样的问题。

VStack(alignment: .leading) {
     Text($selectedDay.wrappedValue)
}

Answer 1

您可以向文本中添加一个框架并设置其对齐方式：

   .navigationBarItems(leading:
                            Text(selectedDay)
                                .frame(width: 100, alignment: .leading)
    )