SwiftUI, List Row Add Button

Question

In edit mode when you add ".onDelete" for the row a red circle with minus symbol appear like the this photo

I want to show a green circle with plus symbol (like the photo below) in edit mode, and when the user tap this green circle the row will be added to another section.

My issue is how to add this "green circle with plus symbol" shape to the row in edit mode.

I would try an HStack with the green button (possible an SFSymbol) and the text. — koen
– koen, Commented Jan 5, 2021 at 21:08

ngb · Accepted Answer · 2021-03-27 02:50:23Z

4

This is a workaround but you can make the add row with the following code.

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)

edited Mar 27, 2021 at 2:50

answered Feb 3, 2021 at 13:04

ngb

9109 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

SwiftUI, List Row Add Button

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related