【问题标题】:SwiftUI HStack slider does not appearSwiftUI HStack 滑块不出现
【发布时间】:2019-09-19 13:10:26
【问题描述】:

我想制作一个水平堆叠的图像。 很遗憾,我无法滑动查看完整图像。


struct ContentView: View {
    var body: some View {
        NavigationView {
                List {

                    ScrollView {
                        VStack{
                            Text("Images").font(.title)
                        HStack {

                            Image("hike")
                            Image("hike")
                            Image("hike")
                            Image("hike")


                        }
                        }

                }.frame(height: 200)
            }
        }
    }
}

【问题讨论】:

  • 这真的很奇怪,因为复制粘贴您的确切代码我可以毫无问题地滑过所有水平滚动的图像。您使用的是哪个版本的 xCode? (我的意思是:哪个测试版)。
  • 11A420a。我不知道,我暂时跳过它。感谢@superpuccio 的回答 - 实际上它帮助了我:>

标签: ios swift xcode swiftui vstack


【解决方案1】:

您的观点存在一些问题。

您的内容周围有一个列表 - 它会导致问题,因为列表垂直滚动,而我假设您希望您的图像水平滚动。

接下来,您可能不希望标题与图像一起滚动 - 它需要超出滚动视图。

最后但同样重要的是,您需要调整图像大小并设置它们的纵横比,以便缩小它们以适应分配的空间。

试试这个:

struct ContentView: View {

    var body: some View {
        NavigationView {
            VStack{
                Text("Images").font(.title)
                ScrollView(.horizontal) {
                    HStack {
                        Image("hike")
                            .resizable()
                            .aspectRatio(contentMode: .fit)
                        Image("hike")
                            .resizable()
                            .aspectRatio(contentMode: .fit)
                        Image("hike")
                            .resizable()
                            .aspectRatio(contentMode: .fit)
                        Image("hike")
                            .resizable()
                            .aspectRatio(contentMode: .fit)
                    } .frame(height: 200)
                    Spacer()
                }
            }
        }
    }
}

【讨论】:

    猜你喜欢
    • 2021-04-24
    • 1970-01-01
    • 2021-04-12
    • 2022-04-11
    • 1970-01-01
    • 2020-03-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多