【问题标题】:Adding scroll in combination with NavigationView结合 NavigationView 添加滚动
【发布时间】:2019-11-22 21:36:50
【问题描述】:

我有一个从“ContentView”中的列表访问的“DetailView”。在这个 DetialView 中,文本太多,我不知道如何在 NavigationView 中添加 ScrollView(或者是否正确添加)。 here you can see why I need a scroll

我尝试在 NavigationView 之后添加 ScrollView(在信息的 VStack 上方),但没有任何运气。

struct DetailView: View {
    var selectedGrape: Grape

    var body: some View {

        return NavigationView {
            VStack {
                Text(selectedGrape.grapeName)
                    .font(.largeTitle)
                    .foregroundColor(.blue)

                Text("Characteristics")
                    .font(.title)
                    .fontWeight(.bold)
                    .padding(.top)
                Text(selectedGrape.grapeCharacteristics)


            }
        }

    }
}

它根本无法构建

【问题讨论】:

标签: swift swiftui


【解决方案1】:

为什么不:

NavigationView {
        ScrollView {
            VStack {
                Text("Title")
                    .font(.largeTitle)
                    .foregroundColor(.blue)

                Text("Headline")
                    .font(.title)
                    .fontWeight(.bold)
                    .padding(.top)

                Text("Body")
            }
        }
}

【讨论】:

  • 当我这样做时,长文本被放在一条很长的水平线上,我必须水平滚动相当长的时间才能看到 VStack 的其余部分。我希望文本将自身的宽度限制为屏幕的宽度,位于多行并使其滚动是垂直的而不是水平的
  • @JTH 您使用的是哪个版本的 Xcode Beta? Beta 2 还是 Beta 3?如果我没记错的话,Beta 2 的问题是 ScrollView 只能水平滚动,而 Beta 3 据说解决了这个问题。然而,公平的警告 - Beta 3 破坏了在 Mac 上运行 SwiftUI 项目的能力,所以如果你下载了它,你可能还应该在你的计算机上安装 Beta 2。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-02-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多