Изображение и фоновая анимация не синхронизирована при переключении состояния ⇐ IOS

[Anonymous]

Я работаю над представлением Swiftui, который имеет кнопку расширяющегося/обручающегося в верхнем правом углу экрана. Кнопка - это изображение с округлым фоном. Когда я переключаю состояние с .ontapesture, я хочу, чтобы как изображение, так и его фон плавно анимировались вместе. Это становится особенно заметным при просмотре в замедленном движении или в виде записи экрана. < /P>
Вот упрощенная версия кода: < /p>

Код: Выделить всё

import SwiftUI

struct ContentView: View {
@Environment(\.dismiss) var dismiss
@State var isExpanded = false

var body: some View {
NavigationStack {
Color.red
.toolbar(isExpanded ? .visible : .hidden)
.overlay(alignment: .topTrailing) {
Image(systemName: isExpanded ? "chevron.up.circle" : "chevron.down.circle")
.padding()
.background {
RoundedRectangle(cornerRadius: 20)
.fill(Color.gray.opacity(0.5))
}
.padding()
.onTapGesture {
isExpanded.toggle()
}
.animation(.default, value: isExpanded)
}
.toolbar {
ToolbarItem(placement: .navigation) {
Button {
dismiss()
} label: {
Image(systemName: "chevron.backward")
}
}
}
}
}

}

#Preview {
ContentView()
}

Как я могу сделать значок (изображение) и фон -анимируйте синхронизацию, чтобы их переход чувствовал себя гладким и унифицированным? src = "https://i.sstatic.net/v0z5rlrt.png"/>

Подробнее здесь: https://stackoverflow.com/questions/796 ... ling-state