SwiftUI中的多个导航视图-如何摆脱多个工具栏项目(即左角的后退按钮)？

mznpcxlj 于 2023-01-16 发布在 Swift

关注(0)|答案(1)|浏览(124)

我正在制作一个应用程序，用户看到的第一个视图是主屏幕，其中的按钮可以将他们带到第二个视图。第二个视图中的一个视图向用户呈现了一个项目列表。当用户点击其中一个项目时，用户会看到该项目的详细视图。当用户进入详细视图时，不幸的是，在角落里出现了两个工具栏按钮，如下图所示：

.
我知道其中一个解决方案是只有一个navigationview，这就解决了我的问题。但是我需要在我的列表视图中有工具栏项目，以便能够添加更多的项目，排序列表，并使列表可搜索，没有navigationview我就无法做到这一点。我尝试过使用scrollView和navigationStack，但它是空白的。
有没有人知道如何使用多个视图，而不是在工具栏上得到双重的"后退按钮"，并且仍然有其他工具栏项？
查看一：（主屏幕）：

NavigationView {
            ZStack {
                VStack {
                    Text(title)
                        .font(.custom("Glacial Indifference", size: 34, relativeTo: .headline).weight(.bold))
                        .multilineTextAlignment(.leading)
                        .foregroundColor(.white)
                        .tracking(10)
                        .padding(8)
                        .background(
                            Rectangle()
                                .fill(.gray)
                                .frame(width: 1000, height: 150)
                                .ignoresSafeArea()
                                .opacity(0.5))
                    Spacer()
                }
                VStack {
                    NavigationLink {
                        MapView()
                    } label: {
                        Buttons(str: "Cheese Map")
                    }
                    .padding(.bottom, 200)
                }
                VStack {
                    NavigationLink {
                        TabView()
                    } label: {
                        Buttons(str: "Cheese List")
                    }
                    .padding(.bottom, 400)
                }

第二个视图（列表）：

NavigationView {
            List {
                ForEach(items, id: \.id) { item in
                    NavigationLink {
                        ItemView(item: item)
                    } label: {
                        ListItem(item: item)
                    }
                }
            }
            .toolbar {
                ToolbarItem(placement: .navigationBarLeading) {
                    Button {
                        showingAddItem = true
                    } label: {
                        Image(systemName: "plus")
                        Text("Add Item")
                            .font(.footnote)
                            .italic()
                    }
                }
            }
            .toolbar {
                ToolbarItem(placement: .navigationBarTrailing) {
                    Menu("Sort") {
                        Picker("Filter Options", selection: $selectedSort) {
                            ForEach(sortOptions, id: \.self) {
                                value in
                                Text(value)
                                    .tag(value)
                            }
                        }
                    }
                    .onChange(of: selectedSort) { _ in
                        let sortBy = sorts[sortOptions.firstIndex(of: selectedSort)!]
                        items.sortDescriptors = sortBy.descriptors
                    }
                }
            }
            .sheet(isPresented: $showingAddItems) {
                AddItemsView(items: Items())
            }
            .navigationTitle("Item List")
            
            .searchable(text: $searchText)
        }
    }
}

详细视图：

ScrollView {
            ZStack {
                VStack {

//More code...

swift

来源：https://stackoverflow.com/questions/75119837/multiple-navigationviews-in-swiftui-how-to-get-rid-of-multiple-toolbar-items

1条答案

按热度按时间

ubof19bj1#

.toolbar和.searchable都会自动查找最近的封闭NavigationView。您不需要在列表视图中使用NavigationView。
这是一个独立的演示，看起来像这样：

下面是代码：

import SwiftUI
import PlaygroundSupport

struct HomeScreen: View {
    var body: some View {
        NavigationView {
            List {
                NavigationLink("Cheese Map") { Text("Map") }
                NavigationLink("Cheese List") { ListView() }
            }
            .navigationTitle("Home Screen")
        }
        .navigationViewStyle(.stack)
    }
}

struct ListView: View {
    @State var items = ["Cheddar", "Swiss", "Edam"]
    @State var search: String = ""

    var filteredItems: [String] {
        return items.filter {
            search.isEmpty
            || $0.localizedCaseInsensitiveContains(search)
        }
    }

    var body: some View {
        List(filteredItems, id: \.self) {
            Text($0)
        }
        .searchable(text: $search)
        .toolbar {
            ToolbarItem(placement: .navigationBarLeading) {
                Button {
                    withAnimation {
                        items.append("Gouda")
                    }
                } label: {
                    Label("Add Item", systemImage: "plus")
                }
                .disabled(items.contains("Gouda"))
            }
        }
        .toolbar {
            ToolbarItem(placement: .navigationBarTrailing) {
                Menu("Sort") {
                    Button("Ascending") {
                        withAnimation {
                            items.sort()
                        }
                    }
                    Button("Descending") {
                        withAnimation {
                            items.sort()
                            items.reverse()
                        }
                    }
                }
            }
        }
        .navigationTitle("Cheese List")
    }
}

PlaygroundPage.current.setLiveView(HomeScreen())

赞(0）回复(0）举报 2023-01-16

我来回答

SwiftUI中的多个导航视图-如何摆脱多个工具栏项目(即左角的后退按钮)？

1条答案

相关问题

热门标签

最新问答