更改 ScrollView SwiftUI 的背景颜色

Question

我是开发 IOS 应用程序的新手，我在登录页面底部遇到额外空白的问题，具体取决于我在屏幕上的图像大小。有人告诉我应该更改 ScrollView 的背景颜色并将视图的背景设置为清晰。我不确定如何更改 ScrollView 的背景颜色。我的代码基本上是这样的，为了便于阅读，删除了一些内容：

var body: some View {
    ScrollView {
        //if login.isLoggedIn {
        MainView()
        //} else {
        VStack() {
            
        }
        
        .background(LinearGradient(gradient: Gradient(colors: [Color{.lightblue), Color(.blue)]), startPoint: .top, endPoint: .bottom))
            .edgesIgnoringSafeArea(.all)
        }
        }
}
//}

有人可以告诉我如何更改背景颜色吗？我希望背景颜色是上面线性渐变的颜色。如果没有，您能否展示如何在 UIScrollView 中执行此操作？

Answer 1

尝试将背景颜色设置下移一行。另外 this post 可能会有帮助。

struct ContentView: View {
    var body: some View {
        ScrollView {
            //if login.isLoggedIn {
            MainView()
            //} else {
            VStack() {
                
            }
        }.background(
            LinearGradient(gradient: Gradient(colors: [Color(.lightblue), Color(.blue)]), startPoint: .top, endPoint: .bottom)
        ).edgesIgnoringSafeArea(.all)
    }
}

...

// Extension for custom colour lightBlue
extension UIColor {
    static let lightBlue = UIColor(red: 0.2, green: 0.6, blue: 0.8, alpha: 1)
}

更改 ScrollView SwiftUI 的背景颜色

Change Background Color of ScrollView SwiftUI

scrollview

background-color

ios

swift

swiftui