在SwiftUI中将文本和图像添加到按钮

Question

我正在尝试在Text上同时添加Image和Button，例如：

Button(action: {}) {
        Image("gift")
        Text("Send")
            .padding(.horizontal)
    }
    .padding()
    .foregroundColor(.white)
    .background(Color.gray)
    .cornerRadius(.infinity)

按钮外观：

但是我要创建这个：

谢谢

Answer 1

只需将Image和Text放在HStack内…

Button(action: {}) {
    HStack {
        Image(systemName: "gift")
        Text("Send")
    }
}
.padding()
.foregroundColor(.white)
.background(Color.gray)
.cornerRadius(.infinity)

Answer 2

SwiftUI

按钮Text，Image和Shadow的运行正常

Button(action: {

            }) {
                HStack {
                    Image(uiImage: UIImage(named: "Login")!)
                        .renderingMode(.original)
                        .font(.title)
                        .foregroundColor(.blue)
                    Text("Login")
                        .font(.title)
                        .foregroundColor(.white)
                }


                .font(.system(size: 15))

                .frame(minWidth: 0, maxWidth: .infinity)
                .background(LinearGradient(gradient: Gradient(colors: [Color("DarkGreen"), Color("LightGreen")]), startPoint: .leading, endPoint: .trailing))
                .cornerRadius(40)
                .frame(width: 200, height: 60, alignment: .center)
                .shadow(color: .red, radius: 5, x: 0, y: 0)

            }