Douglas W. Palme's questions

我不确定如何让图像保持合理的大小，作为 SwiftUI 的新手，我毫不怀疑这完全是我的错。

代码如下：

import SwiftUI

struct AnimalsView: View {
    var body: some View {
        NavigationStack {
            ZStack {
                VStack(spacing: 20) {
                    HStack {
                        Text("Hello")
                    }
                    HStack {
                            NavigationLink(destination: ManagementView()) {
                                ZStack {
                                    Image("Button-Normal")
                                        .resizable()
                                        .frame(width: 150, height: 50)
                                    Text("Breeding")
                                        .font(.title3)
                                        .foregroundColor(.black)
                                        .fontWeight(.medium)
                                }
                            }
                            NavigationLink(destination: AnimalsView()) {
                                ZStack {
                                    Image("Button-Normal")
                                        .resizable()
                                        .padding()
                                
                                    
                                    
                                    Text("Animals")
                                        .font(.title3)
                                        .foregroundColor(.black)
                                        .fontWeight(.medium)
                                }
                            }
                        }
                    HStack {
                        
                    }
                    HStack {
                        
                    }
                }
                
                .toolbar {
                    Button("Logout") {
                        Task {
                            let Signout = SignOutLocally()
                            await Signout.signOutLocally()
                        }
                    }
                }
            }
            .background {
                Image("Rancher1")
                    .resizable()
                    .scaledToFill()
                    .ignoresSafeArea()
            }
        }
    }
}


#Preview {
    AnimalsView()
}

第一个按钮有一个定义了高度和宽度的框架，但我知道苹果强烈建议不要这样做。

我知道有些开发人员更喜欢使用 NavigationLink 作为按钮本身，我也尝试过，但它总是无法正常工作。任何帮助都将不胜感激。

我是 SwiftUI 的新手，在按正确顺序排列堆栈以将按钮放置在右上角时遇到了麻烦。

以下是我目前所掌握的信息：

import SwiftUI

struct MainMenu: View {

    var body: some View {
        ZStack {
            Image("RangeCattle1")
                .resizable()
                .scaledToFill()
                .edgesIgnoringSafeArea(.all)
                .frame(width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height)
            VStack {
                Button("Management") {
                    
                }
                .buttonStyle(.borderedProminent)
                .buttonBorderShape(.capsule)
                .tint(.red)
            
                Button("Calculator") {
                    
                }
                .buttonStyle(.borderedProminent)
                .buttonBorderShape(.capsule)
                .tint(.red)
                
            }
            Spacer()
            .font(.title)
        }
    }
}

#Preview {
    MainMenu()
}

我曾尝试在 Z 内添加一个 Hstack，但它只将其放置在现有按钮后面，或者如果我添加一个垫片，它会将其推到左边。

有什么建议吗？我希望它位于右上角，与现有按钮位于同一位置。

[编辑] 我做了一些修改，这就是我现在的情况。注销按钮需要位于右上角。

import SwiftUI

struct MainMenu: View {

    var body: some View {
        ZStack {
            Image("RangeCattle1")
                .resizable()
                .scaledToFill()
                .edgesIgnoringSafeArea(.all)
                .frame(width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height)
            VStack {
                VStack {
                    HStack {
                        Button("Logout") {
                            
                        }
                        .buttonStyle(.borderedProminent)
                        .buttonBorderShape(.capsule)
                        .tint(.red)
                    }
                }
                VStack {
                    Button("Management") {
                        
                    }
                    .buttonStyle(.borderedProminent)
                    .buttonBorderShape(.capsule)
                    .tint(.red)
                    Button("Calculator") {
                        
                    }
                    .buttonStyle(.borderedProminent)
                    .buttonBorderShape(.capsule)
                    .tint(.red)
                    
                }
            }
        }
    }
}

#Preview {
    MainMenu()
}

[编辑-V2]

import Amplify
import Authenticator
import AWSCognitoAuthPlugin
import SwiftUI


@main
struct MyApp: App {
    
    init() {
        do {
            try Amplify.add(plugin: AWSCognitoAuthPlugin())
            try Amplify.configure()
        } catch {
            print("Unable to configure Amplify \(error)")
        }
    }
    
    var body: some Scene {
        WindowGroup {
            Authenticator(
                headerContent: {
                    Image("Final")
                        .resizable()
                        .scaledToFit()
                        .containerRelativeFrame(.horizontal) { size, axis in
                            size * 0.8
                        }
                },
                footerContent: {
                    Text("© 2024 The PATG Group, Inc. All Rights Reserved")
                        .font(.subheadline)
                }
            ) { _ in
                
                    MainMenu()
                }
            }
        }
    
    struct MainMenu: View {
        var body: some View {
            ZStack {
                HStack {
                    Button("Logout") {
                        // Need Code here
                    }
                    .buttonStyle(.borderedProminent)
                    .buttonBorderShape(.capsule)
                    .tint(.red)
                }
                .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topTrailing)
                .padding()
                
                VStack(spacing: 40) {
                    Button("Management") {
                        // Need Code here
                    }
                    
                    Button("Calculator") {
                        // Need Code here
                    }

                }
                .buttonStyle(.borderedProminent)
                .buttonBorderShape(.capsule)
                .tint(.red)
                .font(.title)
            
            }
            .background {
                Image("RangeCattle1")
                    .resizable()
                    .scaledToFill()
                    .edgesIgnoringSafeArea(.all)
                    .frame(width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height)
            }
        }
    }

    #Preview {
        MainMenu()
    }
}

最新的编辑包括主登录视图，一旦完成，就会带您进入下一个视图。不确定这是否是正确的做法，但它确实有效。

在完成之前，我想给每个人最后一次参与的机会。