AskOverflow.Dev

AskOverflow.Dev Logo AskOverflow.Dev Logo

AskOverflow.Dev Navigation

  • 主页
  • 系统&网络
  • Ubuntu
  • Unix
  • DBA
  • Computer
  • Coding
  • LangChain

Mobile menu

Close
  • 主页
  • 系统&网络
    • 最新
    • 热门
    • 标签
  • Ubuntu
    • 最新
    • 热门
    • 标签
  • Unix
    • 最新
    • 标签
  • DBA
    • 最新
    • 标签
  • Computer
    • 最新
    • 标签
  • Coding
    • 最新
    • 标签
主页 / coding / 问题 / 78948974
Accepted
alanrick
alanrick
Asked: 2024-09-04 21:41:12 +0800 CST2024-09-04 21:41:12 +0800 CST 2024-09-04 21:41:12 +0800 CST

使用环境注入数据是否等同于在参数中传递数据?

  • 772

我经常读到,我可以使用环境变量注入数据,而不是通过带有参数的视图层次结构向上传递数据。但我遇到了以下不对称(问题在最后)...

我创建了一个包含分页 TabView 的视图,该视图包含两个“并排”视图,因此我可以在它们之间滑动,或者通过按下(红色)按钮以编程方式选择另一个视图。我通过将选择作为参数传递来完成此操作,并且它按预期工作。我使用随机背景颜色来验证这两个视图没有被重绘,而只是“滑入 iPhone 显示屏”。

struct SwipeTabView: View {
    
    @State var selectedTab = 1
    
    var body: some View {
        VStack {
            Text("Main View")
            
            // A paged tabview containing two vies side by side.
            // Swipe within this main view to view the "off-screen" other view, or
            // click the red button to select it dynamically.
            TabView(selection: $selectedTab) {
                
                tab(tabID: 1, selectedTab: $selectedTab)
                    .tag(1)
                
                tab(tabID: 2, selectedTab: $selectedTab)
                    .tag(2)               
            }
            .tabViewStyle(.page)
            .indexViewStyle(.page(backgroundDisplayMode: .always))
            .background(Color.rndCol())         
        }    
        .background(Color.rndCol())
    }
}

struct tab: View {
    var tabID: Int
    @Binding var selectedTab: Int
    
    var body: some View {
        VStack {
            Text("Tab \(tabID) ").foregroundColor(.black)

            Button(action:  {
                withAnimation{
                    selectedTab = tabID == 1 ? 2 : 1
                }
            }, label: {
                ZStack {
                    circle
                    label
                }
            })
        }
        
    }

    var circle: some View  {
        Circle()
            .frame(width: 100, height: 100)
            .foregroundColor(.red)
    }
    
    var label: some View {
        Text("\(tabID == 1 ? ">>" : "<<")").font(.title).foregroundColor(.black)
    }
}

extension Color {
    static func rndCol() -> Color {
        Color(
            red: .random(in: 0.5...1),
            green: .random(in: 0.5...1),
            blue: .random(in: 0.5...1)
        )
    }
}

然后我修改了代码,将选择作为注入的环境变量传递,但现在每次我通过滑动或按下按钮切换显示内容时,视图都会完全重绘。我可以判断这是这种情况,因为视图的背景颜色会发生变化。

@Observable class envTab {
    var selectedTab = 1
}

struct SwipeTabEnvView: View {
    @State var varEnvTab = envTab()
    
    var body: some View {
        SwipeTabView()
            .environment(varEnvTab)
    }
}

struct SwipeTabView: View {
    @Environment(envTab.self) var viewEnvTab
    
    var body: some View {
        VStack {
            Text("Main View")
            
            TabView(selection: Bindable(viewEnvTab).selectedTab) {
                tab(tabID: 1)
                    .tag(1)
                
                tab(tabID: 2)
                    .tag(2)               
            }
            .tabViewStyle(.page)
            .indexViewStyle(.page(backgroundDisplayMode: .always))
            .background(Color.rndCol())           
        }
        .background(Color.rndCol())
    }    
}


struct tab: View {
    var tabID: Int
    @Environment(envTab.self) var viewEnvTab
    
    var body: some View {
        VStack {
            Text("Tab \(tabID) ").foregroundColor(.black)
            
            Button(action:  {
                withAnimation{
                    viewEnvTab.selectedTab = tabID == 1 ? 2 : 1
                }
            }, label: {
                ZStack {
                    circle
                    label
                }
            })
        }
    }
    
 ...
}

如果重新绘制完整的视图,这会影响性能,因此应该避免。

我担心这不仅仅是 TabViews 的一个怪癖,而是注入的一个更普遍的方面。我曾认为注入数据而不是将数据作为参数传递是一种有效的代码结构化方法,以实现陡峭的层次结构,但看到这种行为后,我现在想知道注入方法是否不等同于传递参数,是否应该避免?

顺便说一句:停止selectedTab @ObservationIgnored重绘行为但也会阻止以编程方式切换显示的选项卡。

swiftui
  • 1 1 个回答
  • 31 Views

1 个回答

  • Voted
  1. Best Answer
    Sweeper
    2024-09-05T09:53:29+08:002024-09-05T09:53:29+08:00

    我担心这不仅仅是 TabViews 的一个怪癖,而是注入的一个更普遍的方面

    这只是的一个怪癖TabView。SwiftUI 无法识别状态selectedTab是 的依赖项SwipeTabView,因此当其发生变化时不会调用SwipeTabView.body。

    例如Picker,没有这个问题。尝试用 替换选项卡视图Picker,

    Picker("Picker", selection: $selectedTab) {
        Text("1").tag(1)
        Text("2").tag(2)
    }
    .pickerStyle(.segmented)
    .background(Color.rndCol())
    

    当您更改选择器选择时,背景颜色会发生变化,这是预期的行为。毕竟,selectedTab是的依赖项SwipeTabView,因此在更改时应SwipeTabView.body 调用selectedTab。

    这与环境无关。要获得预期的行为,您需要做的就是让 SwiftUI 正确识别出这selectedTab是一个依赖项。使用@Observable可以实现这一点,因为 SwiftUI 以不同的方式处理这些对象。它不必在环境中:

    @Observable
    class SomeObservable {
        var selectedTab = 1
    }
    
    struct SwipeTabView: View {
        
        @State var observable = SomeObservable()
        
        var body: some View {
            VStack {
                Text("Main View")
                TabView(selection: $observable.selectedTab) {
                    
                    tab(tabID: 1, selectedTab: $observable.selectedTab)
                        .tag(1)
                    
                    tab(tabID: 2, selectedTab: $observable.selectedTab)
                        .tag(2)
                }
                // ...
    

    selectedTab另一种方法是简单地调用in的 getter SwipeTabView.body。

    struct SwipeTabView: View {
        
        @State var selectedTab = 1
        
        var body: some View {
            let x = selectedTab // this calls the getter of State.wrappedValue
            VStack {
                Text("Main View")
                TabView(selection: $selectedTab) {
                    // ...
    
    • 1

相关问题

  • SwiftUI:如何创建颜色较浅的渐变?

  • SwiftUI - 带有“绑定”变量的通用视图

  • 创建日历日视图

  • 如何让 SwiftUI 的动画变慢

  • 不理解 SwiftUI 文本布局

Sidebar

Stats

  • 问题 205573
  • 回答 270741
  • 最佳答案 135370
  • 用户 68524
  • 热门
  • 回答
  • Marko Smith

    Vue 3:创建时出错“预期标识符但发现‘导入’”[重复]

    • 1 个回答
  • Marko Smith

    为什么这个简单而小的 Java 代码在所有 Graal JVM 上的运行速度都快 30 倍,但在任何 Oracle JVM 上却不行?

    • 1 个回答
  • Marko Smith

    具有指定基础类型但没有枚举器的“枚举类”的用途是什么?

    • 1 个回答
  • Marko Smith

    如何修复未手动导入的模块的 MODULE_NOT_FOUND 错误?

    • 6 个回答
  • Marko Smith

    `(表达式,左值) = 右值` 在 C 或 C++ 中是有效的赋值吗?为什么有些编译器会接受/拒绝它?

    • 3 个回答
  • Marko Smith

    何时应使用 std::inplace_vector 而不是 std::vector?

    • 3 个回答
  • Marko Smith

    在 C++ 中,一个不执行任何操作的空程序需要 204KB 的堆,但在 C 中则不需要

    • 1 个回答
  • Marko Smith

    PowerBI 目前与 BigQuery 不兼容:Simba 驱动程序与 Windows 更新有关

    • 2 个回答
  • Marko Smith

    AdMob:MobileAds.initialize() - 对于某些设备,“java.lang.Integer 无法转换为 java.lang.String”

    • 1 个回答
  • Marko Smith

    我正在尝试仅使用海龟随机和数学模块来制作吃豆人游戏

    • 1 个回答
  • Martin Hope
    Aleksandr Dubinsky 为什么 InetAddress 上的 switch 模式匹配会失败,并出现“未涵盖所有可能的输入值”? 2024-12-23 06:56:21 +0800 CST
  • Martin Hope
    Phillip Borge 为什么这个简单而小的 Java 代码在所有 Graal JVM 上的运行速度都快 30 倍,但在任何 Oracle JVM 上却不行? 2024-12-12 20:46:46 +0800 CST
  • Martin Hope
    Oodini 具有指定基础类型但没有枚举器的“枚举类”的用途是什么? 2024-12-12 06:27:11 +0800 CST
  • Martin Hope
    sleeptightAnsiC `(表达式,左值) = 右值` 在 C 或 C++ 中是有效的赋值吗?为什么有些编译器会接受/拒绝它? 2024-11-09 07:18:53 +0800 CST
  • Martin Hope
    The Mad Gamer 何时应使用 std::inplace_vector 而不是 std::vector? 2024-10-29 23:01:00 +0800 CST
  • Martin Hope
    Chad Feller 在 5.2 版中,bash 条件语句中的 [[ .. ]] 中的分号现在是可选的吗? 2024-10-21 05:50:33 +0800 CST
  • Martin Hope
    Wrench 为什么双破折号 (--) 会导致此 MariaDB 子句评估为 true? 2024-05-05 13:37:20 +0800 CST
  • Martin Hope
    Waket Zheng 为什么 `dict(id=1, **{'id': 2})` 有时会引发 `KeyError: 'id'` 而不是 TypeError? 2024-05-04 14:19:19 +0800 CST
  • Martin Hope
    user924 AdMob:MobileAds.initialize() - 对于某些设备,“java.lang.Integer 无法转换为 java.lang.String” 2024-03-20 03:12:31 +0800 CST
  • Martin Hope
    MarkB 为什么 GCC 生成有条件执行 SIMD 实现的代码? 2024-02-17 06:17:14 +0800 CST

热门标签

python javascript c++ c# java typescript sql reactjs html

Explore

  • 主页
  • 问题
    • 最新
    • 热门
  • 标签
  • 帮助

Footer

AskOverflow.Dev

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

Language

  • Pt
  • Server
  • Unix

© 2023 AskOverflow.DEV All Rights Reserve