Обновлять текстовое поле только при обновлении переменной из облака в приложении IOS
Я использую Firebase для добавления строки данных для массива. Затем я хотел бы отобразить эти данные на экране. Представление на экране представляет собой список, и каждое сообщение просматривает разные части массива (пример: postName[0] vs. postName[1].
Моя проблема в том, что как только загружается экран, данные еще не полностью загружены из облака, и поэтому массив пуст. Это приводит к сбою приложения, говорящему, что «Индекс вне диапазона», поскольку в массиве нет ничего, из которого текстовое поле пытается прочитать.
Массив получает данные из Firebase, и если данные поступают достаточно быстро, проблем не возникает, однако иногда данные поступают недостаточно быстро и происходит сбой с сообщением, что индекс не в диапазоне.
Есть ли что-нибудь, что я могу настроить, чтобы не загружать текстовое поле, пока данные не закончат загрузку?
Предоставленный код:
List(fetchPostModel.postsNearby, id: \.self) { post in
ZStack {
if !fetchPostModel.postName.isEmpty { Text(fetchPostModel.postName[Int(post) ?? 0])
.font(.title)
.bold()
.padding()
} else { Text("Loading...").font(.title).bold().padding() }
}
.onAppear {
fetchFromCloud(postNumber: fetchFromCloud.postNumber[Int(post) ?? 0])
}
}
Ответы 2
Чтобы предотвратить «Индекс вне диапазона», вы можете сначала развернуть свойство, чтобы избежать Int(post) ?? 0
if !fetchPostModel.postName.isEmpty {
if let postIndex = post {
Text(fetchPostModel.postName[Int(postIndex)])
.font(.title)
.bold()
.padding()
}
} else { Text("Loading...").font(.title).bold().padding() }
Хотя это предотвратит сбой кода, это не решит вопрос ожидания доступности данных перед попыткой представить их в пользовательском интерфейсе. Firebase является асинхронным, и данные, полученные из Firebase, доступны только в закрытии после вызова Firebase.
Вы правы, но "ожидание" данных происходит автоматически. Пользовательский интерфейс не будет обновляться, пока некоторые элементы не будут помещены в массив.
вы можете создать одно расширение для этого
extension Collection where Indices.Iterator.Element == Index {
public subscript(safe index: Index) -> Iterator.Element? {
return (startIndex <= index && index < endIndex) ? self[index] : nil
}
}
Теперь его можно применять универсально в разных коллекциях.
Пример:
[1, 2, 3][safe: 4] // Массив - печатает 'ноль'
(0..<3)[safe: 4] // Диапазон — печатает 'ноль'
В вашей проблеме вы можете использовать так
List(fetchPostModel.postsNearby, id: \.self) { post in
ZStack {
if let currentPostName = fetchPostModel.postName[safe: post] {
Text(currentPostName)
.font(.title)
.bold()
.padding()
} else {
Text("Loading...").font(.title).bold().padding()
}
}
.onAppear {
fetchFromCloud(postNumber: fetchFromCloud.postNumber[Int(post) ?? 0])
}
}
К сожалению, я не верю, что это поможет, потому что если данные не вернулись из Облака, то их невозможно отобразить. Данные Firebase доступны только при закрытии после функции Firebase, например. вам нужно подождать до тех пор, прежде чем обновлять пользовательский интерфейс. ОП не включал их код Firebase, так что это могло быть и что-то еще.
Скорее всего, это асинхронная проблема, однако вопрос помечен как Firebase, но в вопросе нет кода, относящегося к Firebase. Можете ли вы обновить свой тег, чтобы указать, какой продукт Firebase вы используете (Firestore или базу данных реального времени), а также включить этот код? Ознакомьтесь со следующим руководством Как создать минимальный, полный и проверяемый пример