【问题标题】:Handle Tab Selection SwiftUI处理选项卡选择 SwiftUI
【发布时间】:2019-07-10 10:47:10
【问题描述】:

按照教程,我有以下代码来显示一个带有 3 个选项卡项的选项卡视图,所有选项卡项上都有一个图标,按下它们时,它们会在三个不同的视图之间导航。这一切都很好,但是,我希望能够处理选择,并且仅在满足某些条件时才显示视图 2 或 3。

有没有办法获取选定的值并检查它,然后检查我自己的条件,然后显示视图是否满足条件,或者如果不是说他们目前无法使用该视图,则显示警报。

本质上,我希望能够在切换视图之前拦截选择值,也许我需要重写所有这些,但这是我正在寻找的功能,因为这就是我之前使用的应用程序的工作方式旧框架。

@State private var selection = 1

var body: some View
{
    TabbedView(selection: $selection)
    {
        View1().tabItemLabel(
            VStack
            {
                Image("icon")
                Text("")
            })
            .tag(1)

        View2().tabItemLabel(
            VStack 
            {
                Image("icon")
                Text("")
            }).tag(2)

        View3().tabItemLabel(
            VStack 
            {
                Image("icon")
                Text("")
            }).tag(3)
    }
}

【问题讨论】:

    标签: ios swift swiftui ios13


    【解决方案1】:

    您可以通过更改点击时选择的值来做到这一点。您可以对特定选项卡使用 .onAppear() 方法来检查您的状况:

    @State private var selection = 1
    var conditionSatisfied = false
    
    var body: some View
    {
    TabbedView(selection: $selection)
    {
        View1().tabItemLabel(
            VStack
            {
                Image("icon")
                Text("")
            })
            .tag(1)
        View2().tabItemLabel(
            VStack 
            {
                Image("icon")
                Text("")
            }).tag(2)
              .onAppear() {
                   if !conditionSatisfied {
                     self.selection = 1
                   }
              }
        View3().tabItemLabel(
            VStack 
            {
                Image("icon")
                Text("")
            }).tag(3)
               .onAppear() {
                   if !conditionSatisfied {
                     self.selection = 1
                   }
              }
        }
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2019-12-27
      • 2020-12-03
      • 1970-01-01
      • 2017-02-08
      • 1970-01-01
      • 2015-08-28
      • 2020-03-03
      相关资源
      最近更新 更多