VStack {
Form {
HStack{
GroupBox(label: Image(systemName: "trash.circle.fill").resizable().frame(width: 25, height: 25)) {
VStack(alignment: .leading){
Text("kk")
.bold()
.padding(EdgeInsets(top: 10, leading: 0, bottom: 0, trailing: 15))
.padding(.horizontal, -65)
}
}
.padding(EdgeInsets(top: 0, leading: 0, bottom: 15, trailing: 5))
.frame(width: 160, height: 100)
GroupBox(label: Image(systemName: "trash.circle.fill").resizable().frame(width: 25, height: 25)) {
VStack(alignment: .leading){
Text("kk")
.bold()
.padding(EdgeInsets(top: 10, leading: 0, bottom: 0, trailing: 15))
.padding(.horizontal, -65)
}
}
.padding(EdgeInsets(top: 0, leading: 0, bottom: 15, trailing: 5))
.frame(width: 160, height: 50)
}
HStack{
GroupBox(label: Image(systemName: "trash.circle.fill").resizable().frame(width: 25, height: 25)) {
VStack(alignment: .leading){
Text("kk")
.bold()
.padding(EdgeInsets(top: 10, leading: 0, bottom: 0, trailing: 15))
.padding(.horizontal, -65)
}
}
.padding(EdgeInsets(top: 0, leading: 0, bottom: 0, trailing: 5))
.frame(width: 160, height: 50)
GroupBox(label: Image(systemName: "trash.circle.fill").resizable().frame(width: 25, height: 25)) {
VStack(alignment: .leading){
Text("kk")
.bold()
.padding(EdgeInsets(top: 10, leading: 0, bottom: 0, trailing: 15))
.padding(.horizontal, -65)
}
}
.padding(EdgeInsets(top: 0, leading: 0, bottom: 0, trailing: 5))
.frame(width: 160, height: 50)
}.padding(30)
Section{
ForEach(itemStore.items) { item in
NavigationLink(destination: ItemDetailView(item: item)) {
Text(item.title)
}
}.onDelete { indexSet in
self.itemStore.items.remove(atOffsets: indexSet)
}
}
}
}
I want to make a view like the reminder in iphone like this