【问题标题】:How to create cover-flow with swiftui without using external api如何在不使用外部 api 的情况下使用 swiftui 创建封面流
【发布时间】:2021-06-19 12:26:49
【问题描述】:

如何在不使用任何外部依赖项的情况下使用 SwiftUI TabView 创建封面流。

喜欢这张图片

enter image description here

     TabView(selection: self.$pg.index){
        ForEach(0 ..< 5) {item in
            FruitCardView(fruit: fruitsData[item])
        }
        
    }.tabViewStyle(PageTabViewStyle(indexDisplayMode: .always))
    .edgesIgnoringSafeArea(.leading)
    .padding(.vertical, 20)

我想如何显示它:

enter image description here 提前致谢

【问题讨论】:

标签: swiftui tabview coverflow


【解决方案1】:

您可以使用 Tabview。

TabView {
    ForEach(pages) { page in
        Text(page.name)
    }
    .frame(width: 200, height: 200)
}
.tabViewStyle(PageTabViewStyle())

https://developer.apple.com/documentation/swiftui/tabview

【讨论】:

  • 我想显示多个页面,就像我附加的照片一样,所以用户可以看到上一页和下一页。 Tabview 用于分页填满屏幕。 TabView 是否可行?
  • @youssefmyh 是的,你可以,像这样将视图放在 forach 中(更新了我的答案)。
  • 仍然无法正常工作,TabView 仍然显示每个屏幕的单页。
  • @youssefmyh 你能用代码更新你的帖子吗?
  • 代码已更新,我希望在同一页面上显示多个视图并放大所选视图。 Cover-Flow 喜欢这张图片i.stack.imgur.com/Xb8GN.png
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-01-03
  • 1970-01-01
  • 2020-02-23
  • 1970-01-01
  • 1970-01-01
  • 2023-03-22
  • 2017-01-21
相关资源
最近更新 更多