Прежде всего, я прошу прощения за мой плохой английский. введите здесь описание изображенияЯ только начал работать со SwiftUI и столкнулся с проблемой. У меня не получилось сделать как в дизайне, буду использовать каждую коробочку как кнопку.
Да, мне это нужно
Вот, пожалуйста, я надеюсь, что это ответ на ваш вопрос, и в каждом поле есть кнопка.
struct GurkanEsenView: View {
var body: some View {
ZStack {
VStack(spacing: 30) {
Button(action: {
}) {
Text("önceki")
.font(.title)
.foregroundColor(Color(#colorLiteral(red: 0.7239437103, green: 0.2440972626, blue: 0.4727140069, alpha: 1)))
.frame(maxWidth: .infinity)
.frame(height: 150)
.overlay(
RoundedRectangle(cornerRadius: 20)
.stroke(Color(#colorLiteral(red: 0.8527825475, green: 0.821311295, blue: 0.8959596753, alpha: 1)), lineWidth: 3)
)
}
HStack(spacing: 20) {
Button(action: {
}) {
Text("Kahve")
.font(.title)
.foregroundColor(Color(#colorLiteral(red: 0.7239437103, green: 0.2440972626, blue: 0.4727140069, alpha: 1)))
.frame(maxWidth: .infinity)
.frame(height: 150)
.overlay(
RoundedRectangle(cornerRadius: 20)
.stroke(Color(#colorLiteral(red: 0.8527825475, green: 0.821311295, blue: 0.8959596753, alpha: 1)), lineWidth: 3)
)
}
Button(action: {
}) {
Text("Cay")
.font(.title)
.foregroundColor(Color(#colorLiteral(red: 0.7239437103, green: 0.2440972626, blue: 0.4727140069, alpha: 1)))
.frame(maxWidth: .infinity)
.frame(height: 150)
.overlay(
RoundedRectangle(cornerRadius: 20)
.stroke(Color(#colorLiteral(red: 0.8527825475, green: 0.821311295, blue: 0.8959596753, alpha: 1)), lineWidth: 3)
)
}
}
HStack(spacing: 20) {
Button(action: {
}) {
Text("Ozel")
.font(.title)
.foregroundColor(Color(#colorLiteral(red: 0.7239437103, green: 0.2440972626, blue: 0.4727140069, alpha: 1)))
.frame(maxWidth: .infinity)
.frame(height: 150)
.overlay(
RoundedRectangle(cornerRadius: 20)
.stroke(Color(#colorLiteral(red: 0.8527825475, green: 0.821311295, blue: 0.8959596753, alpha: 1)), lineWidth: 3)
)
}
Button(action: {
}) {
Text("Ada")
.font(.title)
.foregroundColor(Color(#colorLiteral(red: 0.7239437103, green: 0.2440972626, blue: 0.4727140069, alpha: 1)))
.frame(maxWidth: .infinity)
.frame(height: 150)
.overlay(
RoundedRectangle(cornerRadius: 20)
.stroke(Color(#colorLiteral(red: 0.8527825475, green: 0.821311295, blue: 0.8959596753, alpha: 1)), lineWidth: 3)
)
}
}
HStack(spacing: 20) {
Button(action: {
}) {
Text("Uyum")
.font(.title)
.foregroundColor(Color(#colorLiteral(red: 0.7239437103, green: 0.2440972626, blue: 0.4727140069, alpha: 1)))
.frame(maxWidth: .infinity)
.frame(height: 150)
.overlay(
RoundedRectangle(cornerRadius: 20)
.stroke(Color(#colorLiteral(red: 0.8527825475, green: 0.821311295, blue: 0.8959596753, alpha: 1)), lineWidth: 3)
)
}
Button(action: {
}) {
Text("H")
.font(.title)
.foregroundColor(Color(#colorLiteral(red: 0.7239437103, green: 0.2440972626, blue: 0.4727140069, alpha: 1)))
.frame(maxWidth: .infinity)
.frame(height: 150)
.overlay(
RoundedRectangle(cornerRadius: 20)
.stroke(Color(#colorLiteral(red: 0.8527825475, green: 0.821311295, blue: 0.8959596753, alpha: 1)), lineWidth: 3)
)
}
}
}
.padding()
.padding()
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
}
}
вам нужен такой же дизайн, как на картинке?