SwiftUI，列表行添加按钮

Question

在编辑模式下，当您为该行添加“.onDelete”时，带有减号的红色圆圈会像这张照片一样出现

我想在编辑模式下显示一个带加号的绿色圆圈（如下图），当用户点击这个绿色圆圈时，该行将被添加到另一个部分。

我的问题是如何在编辑模式下将这个“带加号的绿色圆圈”形状添加到行中。

Answer 1

这是一种解决方法，但您可以使用以下代码添加行。

HStack {
            ZStack {
                Image(systemName: "circle.fill")
                    .foregroundColor(.white)
                    .padding(.leading, 0)
                    .font(.system(size: 18))
                Image(systemName: "plus.circle.fill")
                    .foregroundColor(.green)
                    .padding(.leading, 0)
                    .font(.system(size: 18))
            }
                        
            Text("add item")
                .padding(.leading, 8.0)
    } .onTapGesture(count: 1, perform: {
        addItem() // your add item code
    })
    .frame(height: 32.0)

SwiftUI，列表行添加按钮

SwiftUI, List Row Add Button

swiftui

swiftui-list