Swift UIで中身のアラインメントが分からない
code:TodoItemView.swift
struct TodoItemView: View {
var item: TodoItem
var body: some View {
let imageName = item.isDone ? "checkmark.square.fill": "square"
HStack {
Image(systemName: imageName)
.alignmentGuide(.leading) { d in d.leading } Text(item.todo)
.alignmentGuide(.leading) { d in d.leading } Image(systemName: "trash")
.alignmentGuide(.trailing) { d in d.trailing } }
.padding()
.frame(maxWidth: /*@START_MENU_TOKEN@*/.infinity/*@END_MENU_TOKEN@*/)
}
init(_ item: TodoItem) {
self.item = item
}
}
https://gyazo.com/6620195f2df370a4c5b5198c22094f7b
センタリングされてるけど、チェックマークとタスク名を左寄せに、ゴミ箱だけ右寄せにしたい
-> Spacerだった:
code:TodoItemView.swift
struct TodoItemView: View {
var item: TodoItem
var body: some View {
let imageName = item.isDone ? "checkmark.square.fill": "square"
HStack {
Image(systemName: imageName)
Text(item.todo)
Spacer()
Image(systemName: "trash")
}
.padding()
.frame(maxWidth: .infinity, alignment: .leading)
}
init(_ item: TodoItem) {
self.item = item
}
}