SwiftUI，列表行添加按钮

Posted 2023-02-24

【中文标题】SwiftUI，列表行添加按钮

【英文标题】：SwiftUI, List Row Add Button

【发布时间】：2021-01-05 19:57:51

【问题描述】：

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

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

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

【问题讨论】：

我会尝试使用带有绿色按钮（可能是 SFSymbol）和文本的 HStack。

我正在寻找一些默认方式，例如“.onDelete”

没有默认方式，请自行编写代码。

【参考方案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)