标签: tabview

正如您从屏幕截图中看到的，“语言”选项卡出现了两次。

我有以下 HostingTabBar 代码，该代码在应用程序启动时调用：

struct HostingTabBar: View {
    
    private enum Tab: Hashable {
        case language
        case canvas
        case homework
        case test
        case more
    }
    
    @State private var selectedTab: Tab = .language
    
    var body: some View {
        TabView(selection: $selectedTab) {
        LanguageView()
            .tag(0)
            .tabItem {
                Text("Language")
                Image("language")
            }
        CanvasView()
            .tag(1)
            .tabItem {
                Text("Canvas")
                Image("canvas")
            }
        HomeworkView()
            .tag(2)
            .tabItem {
                Text("Homework")
                Image("homework")
            }
        TestView()
            .tag(3)
            .tabItem {
                Text("Test")
                Image("test")
            }
        MoreView()
            .tag(4)
            .tabItem {
                Text("More")
                Image("more")
            }
        }
        .accentColor(nil)
    }
}

struct HostingTabBar_Previews: …

我正在处理 SwiftUI 中的一个简单按钮，布局如下：

TabView {
  ForEach(...) { ...
    Button {...}
      label {...}
  }
}

当我点击（但不释放）按钮时，它会默认突出显示该按钮；这可以。但是，如果我将这些按钮排列在分页选项卡视图中，则通过滑动来导航页面会突出显示这些按钮，这是我不想要的。

有没有办法禁用这个突出显示？最好，我想在点击按钮时保留突出显示，但在滑动时不保留突出显示，但如果我必须完全禁用它也没关系。

如何<p:tab>使用命令按钮切换到选项卡()？

当我们滚动浏览器视图时，我正在尝试更改选项卡。

我已经在单个回收商视图中列出了这些项目。

因此，当我到达每个部分的标题（例如早餐然后早餐标签应该处于活动状态）时，如何相应地更改标签？

上面的 gif 解释了我的查询。请建议我一个解决方案。

如何将项目设置为禁用（不可点击）但在我的 tabView 中可见？

TabView(selection: $selectedTab) {
            Settings()
                .tabItem {
                    Image(systemName: "gearshape.fill")
                    Text("Settings")
                }.tag(1)
                 .disabled(true) // Not Working
          

我正在尝试制作一个双向 TabView （带有.tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))），其数据源会随着时间的推移而改变。

下面的代码描述了预期的结果：

class TabsViewModel: ObservableObject {
    @Published var items = [-2, -1, 0, 1, 2]
    @Published var selectedItem = 2 {
        didSet {
            if let index = items.firstIndex(of: selectedItem), index >= items.count - 2 {
                items = items + [items.last! + 1]
                items.removeFirst()
            }
            
            if let index = items.firstIndex(of: selectedItem), index <= 1 {
                items = [items.first! - 1] + items
                items.removeLast()
            }
        }
    }
}

struct TabsView: View {
    @StateObject var vm = TabsViewModel() …

我正在通过 TabView 创建一个垂直分页视图

一切都很完美，除了奇怪的右边距，如下图所示。

这是我使用的代码。如果有人能指出根本原因，我将不胜感激。

import SwiftUI

fileprivate struct VCompatibleTabView<Content: View>: View {
    let proxy: GeometryProxy
    let content: Content
    
    init(proxy: GeometryProxy, @ViewBuilder content: () -> Content) {
        self.proxy = proxy
        self.content = content()
    }
    
    var body: some View {
        if #available(iOS 15.0, *) {
            // Credit to Gary Tokmen for this bit of Geometry Reader code: https://blog.prototypr.io/how-to-vertical-paging-in-swiftui-f0e4afa739ba
            TabView {
                content
                .rotationEffect(.degrees(-90)) // Rotate content
                .frame(
                    width: proxy.size.width,
                    height: proxy.size.height
                )
            }
            .frame(
                width: proxy.size.height, // Height & width swap …