view - 在 SwiftUI 中，如何将选项卡放在 View 顶部的 TabbedView 中？

Question

我有一个底部带有选项卡的 View ，其中一个是 views有 subviews ，为了在视觉上分离逻辑，我使用以下代码将 subview 的选项卡放在 View 顶部，它完美地工作:

self.tabbar.frame = CGRect( x: 0,
                            y: view.safeAreaInsets.top,
                            width: self.view.frame.size.width,
                            height: 50)

我如何在 SwiftUI 中执行此操作?

Answer 1

为此，您可以将选项卡 View 创建为单个选项卡的容器，例如...

struct TabbedView: View {

    @State private var selectedTab: Int = 0

    var body: some View {
        VStack {
            Picker("", selection: $selectedTab) {
                Text("First").tag(0)
                Text("Second").tag(1)
                Text("Third").tag(2)
            }
            .pickerStyle(SegmentedPickerStyle())

            switch(selectedTab) {
                case 0: FirstTabView()
                case 1: SecondTabView()
                case 2: ThirdTabView()
            }
        }
    }
}

这样做，您将根据分段控件的值有条件地填充“标签页”。
通过使用 @State和 $selectedTab分段控件将更新 selectedTab 值，然后根据新值 selectedTab 重新渲染将替换页面的 View 。 .
编辑
开关现在可以在 SwiftUI 测试版中使用。 👍🏻