0

我在上层创建了一个带有按钮的列表视图。我想在用户单击 NavigationLink 后立即隐藏按钮并且在详细视图中看不到它。

我通过使用和控制它成功地实现了它,@State var showAddButton如下所示,但如果主视图没有完全消失,按钮不会消失。onDisappearonAppear

有没有人有任何其他解决方案来触发其他操作并保留 NavigationLink 的原始链接操作?

@State var showAddButton = true

    var body: some View {

        ZStack{

            NavigationView{
                List{
                    ForEach(items, id: \.id){ item in
                        NavigationLink(destination: WorkItemDetailView(item: item)){
                            WorkItemListRow(item: item)
                        }.onDisappear{self.showAddButton = false}
                            .onAppear{self.showAddButton = true}

                    }
                }
                .navigationBarTitle("List", displayMode: .inline)   
            }           

            if showAddButton {
                FloatAddButton()
            }
        }
    }
4

2 回答 2

0

如果您想将该按钮粘贴到主视图,您可以切换 ZStack 的位置:

   NavigationView{
        ZStack{
        List{
            ForEach(items, id: \.self){ item in
                NavigationLink(destination: WorkItemDetailView(item: item)){
                    WorkItemListRow(item: item)
                }

            }

        }
        .navigationBarTitle("List", displayMode: .inline)
        Button("mybutton",action: {})}
    }
于 2019-11-07T15:13:27.023 回答
0

你也可以使用这样的东西

struct NavigationBlock<Destination: View, Content: View>: View {
    @State private var isActive: Bool = false
    var destination: Destination
    var content: (Binding<Bool>) -> Content
    init(destination: Destination, @ViewBuilder content: @escaping (Binding<Bool>) -> Content) {
        self.destination = destination
        self.content = content
    }

    var body: some View {
        Group {
            content($isActive)
            NavigationLink(destination: destination,
                           isActive: $isActive) { Spacer() }.hidden()
        }
    }
}

用法:

struct ContentView: View {
    var body: some View {
        NavigationView {
            NavigationBlock(destination: Text("Hello")) { binding in
                Button(action: {
                    print("User did tap 'Hello' button")
                    binding.wrappedValue = true
                }) { Text("Hello button") }
            }
        }
    }
}
于 2020-01-27T10:32:35.707 回答