ios – WrappingHStack would not animate (transition) into view


I’ve a view with a WrappingHStack in it. The view has withAnimation when it’s displayed, with .transition(.transfer(edge: .backside)) because the transition on it.

WrappingHStack: https://github.com/dkk/WrappingHStack

Within the following code, the whole lot within the view (e.g. the Textual content("Lorem ipsum")) accurately transitions with the slide. Apart from the WrappingHStack. I added .transition(.slide), nonetheless nothing. It simply seems immediately in place whereas the whole lot round it slides in. Why is that this, and the way do I get it to slip alongside the opposite content material?

VStack {
    Textual content("Lorem ipsum")
        .font(.system(dimension: 18, weight: .medium, design: .rounded))
        .foregroundStyle(.black)
    
    WrappingHStack(0..<self.phrases.rely, id:.self, alignment: .middle) { i in
        Button(motion: {
            //
        }) {
            Textual content(phrases[i])
                .font(.system(dimension: 18, weight: .daring, design: .rounded))
                .foregroundColor(.white)
        }
        .padding(.backside, 10)
    }
    .transition(.slide)
}

Leave a Reply