问SwiftUI导航在iPad上-如何显示主列表
EN

Stack Overflow用户

提问于 2019-09-11 03:22:17

回答 5查看 10.8K关注 0票数 24

我的应用程序有简单的导航需求。

列表视图(父对象)
列表视图(子对象)
详细视图(子对象)

我有这个设置并在iPhone上工作，但是当我在iPad上以纵向模式运行应用程序时，主列表总是隐藏的。

我在导航链接(从第一个列表到第二个列表)上使用.isDetailLink(false)，因此这两个列表总是停留在主列中。在iPad景观中，一切都按预期工作，但在纵向中，细节视图填充屏幕。我可以从屏幕的左边滑动以显示列表，但我想为用户提供更多的清晰度。

我想通过显示或添加后退按钮来显示主/列表端(有点像Apple应用程序)。在iPhone上，默认情况下我会得到后退按钮，但是在iPad上，在纵向模式下，没有什么东西可以代替它。

这就是我在iPhone上看到的

但这就是我在iPad上看到的

父列表

struct ParentList: View {

    let firstList = ["Sample data 01", "Sample data 02", "Sample data 03", "Sample data 04", "Sample data 05"]

    var body: some View {
        NavigationView {
            List{
                ForEach(firstList, id: \.self) { item in
                    NavigationLink(destination: ChildList()){

                        Text(item)
                    }
                    .isDetailLink(false)

                }
            }
        }
    }
}

子女名单

struct ChildList: View {

    let secondList = ["More Sample data 01", "More Sample data 02", "More Sample data 03", "More Sample data 04", "More Sample data 05"]

    var body: some View {
        List{
            ForEach(secondList, id: \.self) { item in
                NavigationLink(destination: ChildDetail()){

                    Text(item)

                }
            }
        }
    }
}

子细节

struct ChildDetail: View {

    var body: some View {
        Text("Child detail view")
    }

}

更新:截至2019年10月17日，我还没有找到一种方法让这个工作。我决定暂时使用.navigationViewStyle(StackNavigationViewStyle())。有趣的是，这需要像普通修饰符一样在导航视图之外，而不是在导航标题中。

swift

swiftui

数字工厂场景解决方案

帮助企业实现数字化、智能化，解决企业工厂内设备数据采集、设备指标分析、企业信息系统间数据孤岛打通、数据应用困难的问题

回答 5

Stack Overflow用户

回答已采纳

发布于 2019-09-12 23:21:10

在纵向中，默认的拆分视图不起作用。这一问题今后可能会得到解决，但目前的备选办法似乎是：

(a)将第一个列表的导航视图样式更改为.navigationViewStyle(StackNavigationViewStyle())，这样导航就可以像在iPhone上那样工作，并推送每个视图。

(b)让样式默认，只支持iPad的景观

(c)实现UIKit拆分视图控制器

票数 33

Stack Overflow用户

发布于 2019-10-13 22:49:50

还有一个相当麻烦的解决办法(请参阅https://stackoverflow.com/a/57215664/3187762)

通过将.padding()添加到NavigationView中，它似乎实现了始终显示主程序的行为。

NavigationView {
        MyMasterView()
        DetailsView()
 }.navigationViewStyle(DoubleColumnNavigationViewStyle())
  .padding()

但不确定这是否有意。将来可能会崩溃(使用Xcode 11.0，在iOS 13.0上的模拟器中工作，在设备上使用13.1.2)。

你不应该依赖它。这个评论似乎是更好的答案：https://stackoverflow.com/a/57919024/3187762

票数 8

Stack Overflow用户

发布于 2020-02-16 07:07:02

在iOS 13.4中，“回到主视图”按钮已经添加到iPad布局中。在发布说明中：

当使用具有多列的NavigationView时，导航栏现在显示一个控件来切换这些列。(49074511)

例如：

struct MyNavView: View {
    var body: some View {
        NavigationView {
            NavigationLink(
                destination: Text("navigated"), 
                label: {Text("Go somwhere")}
            )
            .navigationBarTitle("Pick Item")
        }
    }
}