在 SwiftUI 中，如何将选项卡放在视图顶部的 TabbedView 中？-解网

问：

我有一个底部有选项卡的视图，其中一个有，为了直观地分离逻辑，我用以下代码将子视图的选项卡放在视图的顶部，它工作得很好：viewssubviews

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

我该怎么做？SwiftUI

视图选项卡式 SWIFTUI的

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()
            }
        }
    }
}

这样做时，您将根据分段控件的值有条件地填充“选项卡页”。

通过使用和分段控件将更新 selectedTab 值，然后重新呈现视图，该视图将基于的新值替换页面。@State$selectedTabselectedTab

编辑

开关现在可以在 SwiftUI 测试版中使用。👍🏻

在 SwiftUI 中，如何将选项卡放在视图顶部的 TabbedView 中？

In SwiftUI how do I put the tabs in a TabbedView at the top of the view?

评论

评论