Button(action: {}) {
Label("Send", image: "gift")
.padding()
.foregroundColor(.white)
.background(Color.gray)
.cornerRadius(.infinity)
}
Button
视图中的内容中,可以使按钮的背景也可点击。将样式修饰符添加到按钮外部将导致只有图像和文本所占据的区域(Button
视图的主体)可点击,而周围的按钮背景(灰色区域)不可点击。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)
}