SwiftUI: невозможно получить переход DetailView к ZStack в MainView для работы - PullRequest
Новая
       68

SwiftUI: невозможно получить переход DetailView к ZStack в MainView для работы

0 голосов
/ 26 апреля 2020

Я нигде не могу найти ответ на этот вопрос, надеюсь, один из вас поможет мне.

У меня есть MainView с некоторым содержанием. И одним нажатием кнопки я хочу открыть DetailView. Я использую ZStack для наложения DetailView сверху, заполняя экран.

Но с помощью следующего кода я не могу заставить его работать. DetailView не имеет перехода при вставке и останавливается при удалении. Я попытался с и без установки zIndex вручную, и пользовательский ассиметричный переход. Не могу заставить это работать. Любые решения? 

//MainView
@State var showDetail: Bool = false

var body: some View {
    ZStack {
        VStack {
            Text("Hello MainWorld")
            Button(action: {
                withAnimation(.spring()) {
                    self.showDetail.toggle()
                }
            }) {
                Text("Show detail")
            }
        }


        if showDetail {
            ContentDetail(showDetail: $showDetail)
                .transition(.move(edge: .bottom))
        }
    }
    .edgesIgnoringSafeArea(.all)
}

А вот DetailView: 

//DetailView

@Binding var showDetail: Bool    

var body: some View {
    VStack (spacing: 25) {
        Text("Hello, DetailWorld!")

        Button(action: { withAnimation(.spring()) {
            self.showDetail.toggle()
            }

        }) {
            Text("Close")
        }
        .padding(.bottom, 50)


    }
    .frame(width: UIScreen.main.bounds.width,
           height: UIScreen.main.bounds.height)
    .background(Color.yellow)
    .edgesIgnoringSafeArea(.all)

}

Результат этого кода такой: enter image description here

I'm запуск Xcode 11.4.1, поэтому неявная анимация тоже не работает. Действительно застрял здесь, надеюсь, один из вас может помочь мне! Спасибо :)

1 Ответ

0 голосов
/ 26 апреля 2020

Вот решение. Протестировано с Xcode 11.4 / iOS 13.4.

demo

struct MainView: View {
    @State var showDetail: Bool = false

    var body: some View {
        ZStack {
            Color.clear // extend ZStack to all area
            VStack {
                Text("Hello MainWorld")
                Button(action: {
                        self.showDetail.toggle()
                }) {
                    Text("Show detail")
                }
            }

            if showDetail {
                DetailView(showDetail: $showDetail)
                    .transition(AnyTransition.move(edge: .bottom))
            }
        }
        .animation(Animation.spring())  // one animation to transitions
        .edgesIgnoringSafeArea(.all)
    }
}

struct DetailView: View {
    @Binding var showDetail: Bool

    var body: some View {
        VStack (spacing: 25) {
            Text("Hello, DetailWorld!")

            Button(action: {
                self.showDetail.toggle()
            }) {
                Text("Close")
            }
            .padding(.bottom, 50)


        }
        .frame(maxWidth: .infinity, maxHeight: .infinity) // fill in container
        .background(Color.yellow)
    }
}
...