ios - SwiftUI - 从底部转换时水平 ScrollView 锁定

Question

本质上，每当我尝试使用 AnyTransition.move(edge: .bottom) 转换水平滚动的 ScrollView 时，应用程序就会卡住，并且内存不断增加。我已经成功地在以下内容中重现了该问题:

struct ContentView: View {
    @State private var showScroll: Bool = false

    var body: some View {
        VStack {
            Spacer()
            Button(action: {
                withAnimation {
                    self.showScroll = true
                }
            }, label: {
                Text("Hit me")
            }).padding()
                .background(Capsule().fill())
            Spacer()
            if showScroll {
                scrollView
            }
        }
    }

    var scrollView: some View {
        ScrollView(.horizontal, showsIndicators: false) {
            HStack {
                Text("Horizontal list")
                Text("Horizontal list")
                Text("Horizontal list")
                Text("Horizontal list")
            }
        }
        .frame(height: 100)
        .transition(.move(edge: .bottom))
    }
}

将 ScrollView 轴更改为 .vertical 可以防止应用挂起，将过渡更改为不同的边缘(例如 .leading)也可以防止应用挂起。

还有人遇到过类似的事情吗？

Answer 1

您需要配置HStack。

struct ContentView: View {
    @State private var showScroll: Bool = false

    var body: some View {
        VStack {
            Spacer()
            Button(action: {
                withAnimation {
                    self.showScroll = true
                }
            }, label: {
                Text("Hit me")
            }).padding()
                .background(Capsule().fill())
            Spacer()
            if showScroll {
                scrollView
            }
        }
    }

    var scrollView: some View {
        ScrollView(.horizontal, showsIndicators: false) {
            HStack {
                Text("Horizontal list")
                Text("Horizontal list")
                Text("Horizontal list")
                Text("Horizontal list")
            }.frame(maxHeight: .infinity)
        }
        .frame(height: 100)
        .transition(.move(edge: .bottom))
    }
}