Modify view inside a ForEach in SwiftUI

Question

I tried to update the position of one item of a ForEach. I want to drag only one item out of the array in the ForEach. The rest should stay the same. I tried several different ways and the outcome was always that all items where dragged or no item at all.

I am really frustrated at this stage, so I would be more than happy, if you can help me! If you need further information feel free to ask, I am new here on stackOverflow.

struct ContentView: View {

    var texts: [String] = ["Test1", "Test2"]

    @State var positon: CGSize = .zero

    var body: some View {
        HStack {
            ForEach(texts, id: \.self) { text in
                Text(text)
                    .offset(y: positon.height)
                    .gesture(
                        DragGesture()
                            .onChanged { value in
                                positon = value.translation
                            }
                            .onEnded { value in
                                positon = .zero
                            }
                    )
            }
        }
    }
}

Does this answer your question stackoverflow.com/a/61301670/12299030? — Asperi
– Asperi, Commented Feb 16, 2021 at 4:40

John Nimis · Accepted Answer · 2021-02-15 22:27:42Z

2

You are changing the value position which is used the same way for both views.

You will need a separate @State variable for each view if you want them to move independently, or some other way to keep track of their positions separately.

answered Feb 15, 2021 at 22:27

John Nimis

6065 silver badges16 bronze badges

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

Comments

Tomas Jablonskis · Accepted Answer · 2021-02-16 09:32:06Z

1

Both Text views are dragged at the same time, because both Text views offset(y: ...) depend on the same position variable.

Something like this should work:

struct ContentView: View {

    var texts: [String] = ["Test1", "Test2"]

    var body: some View {
        HStack {
            ForEach(texts, id: \.self) { text in
                DraggableText(text: text)
            }
        }
    }
}

struct DraggableText: View {

    var text: String

    @GestureState var position: CGSize = .zero

    var body: some View {
        Text(text)
            .offset(y: position.height)
            .gesture(
                DragGesture().updating($position, body: { value, state, transaction in
                    state = value.translation
                })
            )
    }
}

Each DraggableText has its own position property.

edited Feb 16, 2021 at 9:32

answered Feb 15, 2021 at 22:17

Tomas Jablonskis

4,4364 gold badges25 silver badges41 bronze badges

1 Comment

phlpp77 Over a year ago

Thank you so so much!

Collectives™ on Stack Overflow

Modify view inside a ForEach in SwiftUI

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related