在 SwiftUI 中全屏显示颜色

Question

我正在尝试全屏显示红色。

如果我使用 edgesIgnoringSafeArea(.all)，屏幕会自动启用滚动，这是我不想要的。你能告诉我如何在不滚动和不拉伸的情况下全屏显示红色吗，因为我将颜色更改为图像。

如有任何帮助，我们将不胜感激。

示例代码如下。

import SwiftUI

struct PageSetup: View {

  @State private var tabSelection = 0

  var body: some View {
    ZStack {
      TabView(selection: $tabSelection) {
        ForEach(0..<5) { index in
          ZStack {
            Color.red
            Text("\(index)")
          }
        }
      }
      .tabViewStyle(PageTabViewStyle())
      .onAppear {
        UIScrollView.appearance().bounces = false
      }
      .tabViewStyle(PageTabViewStyle())
    }
  }
}

输出

Answer 1

如果我理解你想要的是正确的，那么你在错误的地方使用了 ZStack 和 Color。您的 body 应该像这个代码示例。

struct PageSetup: View {

  @State private var tabSelection = 0

  var body: some View {
    ZStack {
      getColorForPage().ignoresSafeArea()
      TabView (selection: $tabSelection) {
        ForEach(0..<5){ index in
          Text("\(index)")
        }
      }
      .tabViewStyle(PageTabViewStyle())
      .onAppear {
        UIScrollView.appearance().bounces = false
      }
    }
  }

  func getColorForPage() -> Color {
    if tabSelection == 0 {
      return Color.red
    } else if tabSelection == 1 {
      return Color.blue
    } else {
      return Color.orange
    }
  }
}

在 SwiftUI 中全屏显示颜色

Show color on full screen in SwiftUI

ios

tabview

swiftui

hstack

zstack