在SwiftUI中更新ScrollView的正确方法是什么? (MacOS应用程式)

时间:2019-09-21 14:35:47

标签: swift swiftui

我正在使用来自appstore的正式发布的Xcode 11。 如果您运行下面的代码,可以看到很多事情。

enter image description here

  1. 轻按Root Press可以正确添加缺少的视图#2,但是没有动画。为什么没有动画?
  2. 点击任意一个Press按钮,可以正确添加中间视图,但是如果您看一下,您会看到scrollView内容大小没有更新,因此内容被裁剪了。更新ScrollView的正确方法是什么?
import SwiftUI
struct ContentView: View {
    @State var isPressed = false
    var body: some View {
        VStack {
            Button("Root Press") { withAnimation { self.isPressed.toggle() } }
            ScrollView {
                Group {
                    SampleView(index: 1)
                    if isPressed { SampleView(index: 2) }
                    SampleView(index: 3)
                    SampleView(index: 4)
                }
                .border(Color.red)
            }
        }
    }
}

struct SampleView: View {
    @State var index: Int
    @State var isPressed = false
    var body: some View {
        HStack {
            VStack {
                Text("********************")
                Text("This View = \(index)")
                Text("********************")

                if isPressed {
                    Text("********************")
                    Text("-----> = \(index)")
                    Text("********************")
                }
            }
            Button("Press") { withAnimation { self.isPressed.toggle() } }
        }
    }
}

1 个答案:

答案 0 :(得分:4)

可以通过以下方式修复动画:.animation(.linear(duration: 0.3))。然后,您可以删除所有动画块。 (withAnimation { })。至于边界/框架,设置框架会有所帮助(在根级添加行时),但是当您处理内部视图时,它似乎不起作用。我添加了以下内容:.frame(width:UIScreen.main.bounds.width),它看起来像以下内容:

enter image description here