SwiftUI: как сделать так, чтобы представление исчезало при скольжении вверх?

Я хотел бы, чтобы представление исчезало при переходе наверх, но я понятия не имею, как это сделать с помощью SwiftUI. Вот мой код:

struct MyList: View {
    @State private var loading = true
    @State private var elements: [MyElement] = []

    var body: some View {
        ZStack {
            Color.white
            List(elements) {
                ListRow($0)
            }
            if loading {
                LoadingView() // This is the view I want to slide to the top when hiding
                    .ignoresSafeArea()
            }
        }
        .onAppear {
            callAPI() { elements in
                self.elements = elements
                self.loading = false
            }
        }
    }
}

Я хочу скрыть LoadingView() с переходом от слайда к началу, но не знаю, как это сделать.

Спасибо за помощь!

Это ответ на ваш вопрос stackoverflow.com/a/65856845/12299030?

Asperi 17.05.2022 01:35
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Flatpickr: простой модуль календаря для вашего приложения на React
Flatpickr: простой модуль календаря для вашего приложения на React
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей....
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
Четыре эффективных способа центрирования блочных элементов в CSS
Четыре эффективных способа центрирования блочных элементов в CSS
У каждого из нас бывали случаи, когда нам нужно отцентрировать блочный элемент, но мы не знаем, как это сделать. Даже если мы реализуем какой-то...
0
1
24
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете использовать модификатор .transition.

документация

LoadingView()
     .transition(.move(edge: .top))

Но не забудьте анимировать его:

.onAppear {
        self.loading = true
        callAPI() { elements in
            self.elements = elements

            DispatchQueue.main.async { // as this is probably from background Thread dispatch it
               self.loading = false
             }
        }
    }.animation(.default, value: loading)

Другие вопросы по теме