SwiftUI中@State更新Text文本导致整个视图（含TabView页面）重渲染的问题

我太懂你这个烦恼了——明明只是想更新个Text的内容，结果连TabView里的所有页面都跟着重新创建，完全没必要啊😅。

先给你捋清楚问题根源：SwiftUI的重渲染逻辑是，当父视图的**@State**这类可观察状态变化时，整个父视图的body会被重新计算，所以TabView里的那些子视图（ViewOne、ViewTwo这些）哪怕根本没用到变化的状态，也会被重新初始化。

下面给你几个实用的解决办法，按需选就行：

方法一：把TabView单独拆成独立子视图 #

这是最直接的思路，把TabView的部分从TestingView里抽出来，让它只依赖自己需要的page状态，这样父视图的someText更新时，这个独立子视图因为没依赖someText，就不会跟着重渲染了。

改造后的代码示例：

// 改造后的原父视图
struct TestingView: View {
    @State private var someText: String = "Hello"
    @State private var page: Int = 0
    
    var body: some View {
        VStack {
            Text(someText + " \(page)")
            // 调用拆分后的TabView子视图
            PageTabView(selectedPage: $page)
        }
    }
}

// 独立的TabView子视图
struct PageTabView: View {
    @Binding var selectedPage: Int
    
    var body: some View {
        TabView(selection: $selectedPage) {
            ViewOne()
                .tag(0)
            
            ViewTwo()
                .tag(1)
            
            ViewThree()
                .tag(2)
        }
        .tabViewStyle(.page(indexDisplayMode: .never))
    }
}

方法二：让TabView子视图遵循Equatable协议 #

如果不想拆视图，也可以让TabView里的子视图遵循Equatable协议，再用.equatable()修饰它们。这样SwiftUI会自动对比视图的输入参数，只有当参数真的变化时才会触发重渲染。

示例代码：

// 让子视图遵循Equatable协议
struct ViewOne: View, Equatable {
    static func == (lhs: ViewOne, rhs: ViewOne) -> Bool {
        // 因为这个视图没有外部依赖参数，直接返回true即可
        true
    }
    
    var body: some View {
        Text("View One")
    }
}

// 在TabView中给子视图添加.equatable()修饰
TabView(selection: $page) {
    ViewOne()
        .tag(0)
        .equatable()
    
    ViewTwo()
        .tag(1)
        .equatable()
    
    ViewThree()
        .tag(2)
        .equatable()
}

这种方式特别适合子视图本身有外部参数的场景，如果子视图没有外部依赖，直接返回true就能阻止不必要的重渲染。

方法三：用@StateObject隔离子视图状态（如果子视图有业务逻辑） #

如果你的TabView子视图里有自己的业务逻辑和状态，建议把这些状态放到@StateObject修饰的ViewModel里。因为@StateObject的生命周期和视图绑定，就算父视图重渲染，ViewModel也不会被重新创建，子视图的重渲染会更高效，也能避免状态丢失。

比如给ViewOne加个ViewModel：

class ViewOneViewModel: ObservableObject {
    // 这里放ViewOne的专属状态和业务逻辑
}

struct ViewOne: View {
    // 用@StateObject初始化ViewModel，确保生命周期稳定
    @StateObject private var viewModel = ViewOneViewModel()
    
    var body: some View {
        // 你的ViewOne内容
    }
}

备注：内容来源于stack exchange，提问作者Daud Mujib