如何在图像前面制作一个按钮，但限制在 SwiftUI 中视图的左下角和右下角？

Posted 2023-02-23

【中文标题】如何在图像前面制作一个按钮，但限制在 SwiftUI 中视图的左下角和右下角？

【英文标题】：How to make a button in front of an image but constrained to the left bottom and right of the view in SwiftUI?

【发布时间】：2021-04-24 02:47:05

【问题描述】：

如何使登录视图展开，使其左侧被限制在左侧，而右侧也被限制在右侧？

import SwiftUI

struct Intro: View 
    var body: some View 
        ZStack 
            Image("IntroImage")
                .resizable()
                .aspectRatio(contentMode: .fill)
                .frame(alignment: .center)
            VStack 
                Spacer()
                Button(action: , label: 
                    Text("Sign in")
                        .foregroundColor(Color.black)
                        .padding()
                        .background(Color.green)
                )
            
        
        .ignoresSafeArea()
    


struct Intro_Previews: PreviewProvider 
    static var previews: some View 
        Intro()
    

我希望它看起来像这样：

我使用的是 640 × 1136 png 的图像。我正在包括 iPhone 11 在内的所有设备上对其进行测试。

【参考方案1】：

将frame(maxWidth: .infinity) 添加到您的Button 的Text：

Button(action: , label: 
                    Text("Sign in")
                        .frame(maxWidth: .infinity)
                        .foregroundColor(Color.black)
                        .padding()
                        .background(Color.green)
)

iPhone 11 上的外观：

【讨论】：

这里发布了确凿的事实。

在我的例子中，这使得视图超出了右侧的超级视图，但不是在左侧，从而使按钮偏向右侧。

您能否编辑您的问题以包含重现该问题所需的内容？

完成，图片尺寸和 iPhone 列在底部。

除了您列出的代码之外，什么都不会发生？我已经用 iPhone 11 的外观编辑了我的答案。