Я хочу добавить кнопку с изображением внутри представления, например кнопку Twitter с изображением для SwiftUI 2, но она не дополняется ни в одном направлении.
struct WeatherView: View {
var body: some View {
VStack(alignment: .leading, spacing:0){
Button(action: {}) {
Image("cloud")
.padding()
.background(Color.blue)
.foregroundColor(Color.white)
.clipShape(Circle())
.shadow(radius: 8)
}
HStack(spacing: 5){
Text("Rainy")
.font(.largeTitle)
.fontWeight(.medium)
Spacer()
Button(action: {
}) {
Image("menu").resizable().frame(width: 24, height: 24)
}
}
.foregroundColor(Color("black"))
.padding()
Spacer()
}
}
}
Есть ли решение этой проблемы.
Вопрос обновлен.
Надеюсь, у тебя все хорошо.
Этот код должен помочь.
VStack {
Spacer()
Button(action: {}) {
Image(systemName: "cloud.fill")
.padding()
.background(Color.blue)
.foregroundColor(Color.white)
.clipShape(Circle())
.shadow(radius: 8)
}
}
.frame(maxWidth: .infinity, alignment: .trailing)
.padding()
Поместив кнопку в VStack и поставив перед ней пробел, вы переместите кнопку в нижнюю часть экрана. Затем, поместив на нее рамку и сделав ширину равной .infinity, и задав ей выравнивание, вы еще больше нажмете кнопку на заднюю часть экрана, что в этом случае приводит к созданию кнопки в правом нижнем углу. угол.
struct WeatherView: View {
var body: some View {
VStack(alignment: .leading, spacing: 0) {
HStack(spacing: 5) {
Text("Rainy")
.foregroundColor(.black)
.font(.largeTitle)
.fontWeight(.medium)
Spacer()
Button(action: {}) {
Image("menu").resizable().frame(width: 24, height: 24)
}
}
.foregroundColor(Color("black"))
.padding()
VStack {
Spacer()
Button(action: {}) {
Image("cloud")
.padding()
.background(Color.blue)
.foregroundColor(Color.white)
.clipShape(Circle())
.shadow(radius: 8)
}
}
.frame(maxWidth: .infinity, alignment: .trailing)
.padding()
}
}
}
Вы можете дополнительно изменить размер и отступы для достижения желаемого результата 👍
Большое спасибо за ваш ответ, но это перемещение с помощью меню навигации.
Привет! Я заставил его работать на моей стороне, я отредактирую свой пост, чтобы включить полный код прямо сейчас 👍.
извините, теперь я понимаю.
Есть ли изображение/пример того, что вы хотите? Неясно, какое дополнение вы хотите и для какой кнопки.