如何阻止SwiftUI中Alert关闭时刷新整个视图并跳转回根视图

问题根因 #

你遇到的视图刷新、自动回退到根视图的核心原因是：showFurtherInfo是定义在PledgesView上的@State变量，它的值发生变化时会触发整个PledgesView的body重新渲染。如果你的PledgesView是导航栈中的子页面，且导航路径未被稳定的状态持有（比如导航路径是每次body渲染时动态生成的），页面重绘就会导致导航栈重置，自动回退到根视图。

方案1：将Alert相关逻辑封装到独立子视图（最推荐的解耦方式） #

把触发Alert的按钮和Alert本身抽成独立的子组件，Alert的显隐状态由子组件自己持有，状态变化只会触发子组件刷新，完全不会影响父视图PledgesView的渲染：

// 独立封装的带信息弹窗的按钮组件
struct InfoAlertButton: View {
    // 显隐状态由子组件自己持有，和父视图完全解耦
    @State private var showFurtherInfo = false
    
    var body: some View {
        Button(action: {
            showFurtherInfo = true
        }) {
            Image(systemName: "figure.walk")
                .renderingMode(.original)
                .resizable()
                .frame(width: 50, height: 50, alignment: .center)
        }
        .alert(isPresented: $showFurtherInfo) {
            Alert(
                title: Text("Important message"),
                message: Text("Important Info"),
                dismissButton: .default(Text("Dismiss"))
            )
        }
    }
}

// 改造后的父视图，完全不需要感知Alert的状态
struct PledgesView: View {
    var body: some View {
        VStack{
            // 直接使用封装好的组件即可
            InfoAlertButton()
            // 此处保留其他原有视图逻辑
        }
    }
}

方案2：稳定导航路径（针对回退根视图的问题） #

如果当前不方便抽子组件，你需要先确认你的导航栈路径是用稳定的状态持有：

• 如果你用的是NavigationStack，请确保NavigationPath是用@State或者@StateObject修饰的变量，不要在body内动态生成路径。
• 如果用的是旧版NavigationLink的isActive绑定，请把对应的绑定变量用@State或者@Binding稳定持有，不要每次body渲染时重新生成。

方案3：用Equatable避免不必要的重绘 #

如果父视图必须持有showFurtherInfo状态，可以给PledgesView添加Equatable协议，重写==方法忽略showFurtherInfo的变化，再用.equatable()修饰视图的使用处，这样即使showFurtherInfo变化，父视图也不会重绘：

struct PledgesView: View, Equatable {
    @State var showFurtherInfo :Bool = false
    
    // 比较时忽略showFurtherInfo的变化
    static func == (lhs: PledgesView, rhs: PledgesView) -> Bool {
        // 这里只比较会影响视图渲染的其他业务变量，没有的话直接返回true即可
        return true
    }
    
    var body: some View {
        // 原有逻辑不变
        VStack{
            Button(action: {
                showFurtherInfo = true
            }) {
                Image(systemName: "figure.walk").renderingMode(.original)
                    .resizable()
                    .frame(width: 50, height: 50, alignment: .center)
            }
            .alert(isPresented:$showFurtherInfo) {
                Alert(
                    title: Text("Important message"),
                    message: Text("Important Info"),
                    dismissButton: .default(Text("Dismiss"))
                )
            }
        }
    }
}

// 使用PledgesView的地方加上.equatable()修饰符
// 示例：PledgesView().equatable()

内容的提问来源于stack exchange，提问作者AAH