Ios NavigationItem按钮和编辑模式按钮以不同的级别显示
我在父视图的子视图中有一个导航按钮,当我实现编辑按钮时,它显示在不同的位置:Ios NavigationItem按钮和编辑模式按钮以不同的级别显示,ios,swift,swiftui-form,Ios,Swift,Swiftui Form,我在父视图的子视图中有一个导航按钮,当我实现编辑按钮时,它显示在不同的位置: struct DetailsView: View { @Binding var item: PocketItem @Environment(\.presentationMode) var presentationMode: Binding<PresentationMode> @Environment(\.editMode) var editMode var body:
struct DetailsView: View {
@Binding var item: PocketItem
@Environment(\.presentationMode) var presentationMode: Binding<PresentationMode>
@Environment(\.editMode) var editMode
var body: some View {
NavigationView {
Form {
TextField("Placeholder", text: $item.name)
.disabled(.inactive == self.editMode?.wrappedValue)
// .textFieldStyle(RoundedBorderTextFieldStyle())
.foregroundColor((.active == self.editMode?.wrappedValue) ? Color.black : Color.gray)
}
.navigationBarTitle(.inactive == self.editMode?.wrappedValue ? "\(pocketItem.name) Details" : "Edit Pocket", displayMode: .inline)
.navigationBarItems(
trailing: Button(action: {
self.editMode?.wrappedValue = .active == self.editMode?.wrappedValue ? .inactive : .active
})
{
Text(.active == self.editMode?.wrappedValue ? "Done" : "Edit")
}
)
}
}
}
struct details视图:视图{
@绑定变量项:PocketItem
@环境(\.presentationMode)变量presentationMode:绑定
@环境(\.editMode)变量editMode
var body:一些观点{
导航视图{
形式{
文本字段(“占位符”,文本:$item.name)
.disabled(.inactive==self.editMode?.wrappedValue)
//.textFieldStyle(RoundedBorderTextFieldStyle())
.foregroundColor((.active==self.editMode?.wrappedValue)?Color.black:Color.gray)
}
.navigationBarTitle(.inactive==self.editMode?.wrappedValue?\(pocketItem.name)详细信息:“编辑口袋”,显示模式:.inline)
.航海术语(
拖尾:按钮(操作:{
self.editMode?.wrappedValue=.active==self.editMode?.wrappedValue?.inactive:.active
})
{
文本(.active==self.editMode?.wrappedValue?“完成”:“编辑”)
}
)
}
}
}
因为父视图有一个NavigationView,所以不需要在细节中嵌套另一个NavigationView。从详细信息中删除NavigationView以修复此问题
var body: some View {
//NavigationView {
Form {
TextField("Placeholder", text: $item)
.disabled(.inactive == self.editMode?.wrappedValue)
// .textFieldStyle(RoundedBorderTextFieldStyle())
.foregroundColor((.active == self.editMode?.wrappedValue) ? Color.black : Color.gray)
}
.navigationBarTitle(.inactive == self.editMode?.wrappedValue ? "\(item) Details" : "Edit Pocket", displayMode: .inline)
.navigationBarItems(
trailing: Button(action: {
self.editMode?.wrappedValue = .active == self.editMode?.wrappedValue ? .inactive : .active
})
{
Text(.active == self.editMode?.wrappedValue ? "Done" : "Edit")
}
)
//}
}