Я хочу иметь две формы пользовательского интерфейса, основанные на значении объекта, которое я получаю от поставщика потоков.
В виджете я получаю объект следующим образом:
final recentPostData = Provider.of<List<RecentPostData>>(context) ?? [];
Затем я хочу изменить пользовательский интерфейс на основе атрибута RecentPostData:
return SingleChildScrollView(
child: Column(children: [
(recentPostData[0].attribute != '123') ?
RaisedButton( ... )
: SizedBox( ... ),
Проблема: есть задержка входящего значения потока, таким образом я получаю начальную ошибку: "RangeError (index): Неверное значение: Диапазон допустимых значений пуст: 0"
Я пытался поэтому использовать несколько условия - следовательно, проверьте сначала (RecentPostData! = []), а затем проверьте второе условие, но это не сработало (получил ту же ошибку).
У вас есть идеи, как решить эту проблему?
Заранее большое спасибо!
class _PostFeedState extends State<PostFeed> {
bool isLoading = false; // track if products fetching
@override
Widget build(BuildContext context) {
var recentPostData = Provider.of<List<RecentPostData>>(context) ?? [];
getProducts() async {
if (!hasMore) {
print('No More Products');
return;
}
if (isLoading) {
return;
}
setState(() {
isLoading = true;
});
QuerySnapshot querySnapshot;
if (lastDocument == null) {
querySnapshot = await firestore
.collection('posts')
.orderBy('timestamp', descending: true)
.limit(documentLimit)
.getDocuments();
print(0);
} else {
querySnapshot = await firestore
.collection('posts')
.orderBy('timestamp', descending: true)
.startAfterDocument(lastDocument)
.limit(documentLimit)
.getDocuments();
print(1);
}
if (querySnapshot.documents.length < documentLimit) {
hasMore = false;
}
if (querySnapshot.documents.length == 0) {
setState(() {
hasMore = false;
isLoading = false;
});
return;
}
lastDocument = querySnapshot.documents[querySnapshot.documents.length - 1];
products.addAll(querySnapshot.documents);
setState(() {
isLoading = false;
});
}
if (init) {
getProducts();
setState(() {
init = false;
});
}
void loadNewPosts() {
setState(() {
products = [];
lastDocument = null;
});
getProducts();
}
return SingleChildScrollView(
child: Column(children: [
(recentPostData != []) ? (recentPostData[0].pid != DatabaseServicePosts().postDataFromSnapshot(products[0]).pid) ?
RaisedButton(
onPressed: () {
loadNewPosts();
setState(() {
hasNew = false;
});
},
child: Text('New Posts Available'),
color: Colors.green[300],
)
: SizedBox(height: 0) : SizedBox(height: 0),
products.length == 0
? Center(
child: Text('No Data...'),
) :
Column(children: <Widget>[
...products.map((el) => PostTile (postData: DatabaseServicePosts().postDataFromSnapshot(el))),
],),
(hasMore && !init) ?
RaisedButton(
onPressed: () {
getProducts();
},
child: Text(
'More Posts',
style: TextStyle(color: Colors.white),
),
color: Colors.lightBlue[200],
shape: RoundedRectangleBorder(
borderRadius: new BorderRadius.circular(102.0),
side: BorderSide(color: Colors.blueGrey[400])
),
)
: Padding(
padding: const EdgeInsets.all(10.0),
child: Container(child: Text('No more Posts')),
),
isLoading
? Container(
child: Text('Loading'),
)
: Container(),
SizedBox(height: 10),
]
),
);
}
}