#firebase #flutter #dart #google-cloud-firestore
#firebase #флаттер #dart #google-облако-firestore
Вопрос:
Когда я впервые загружаю виджет, он выдает ошибку, но работает так, как ожидалось. Когда я перейду на другой экран, а затем обратно, он будет дублировать данные из будущего.
@override
Widget build(BuildContext context) {
final userdata = context.watch<UserDataNotifier>();
UserData data = Provider.of<UserData>(context);
double h = MediaQuery.of(context).size.height;
// print(data);
return StreamBuilder(
stream: Stream.fromFuture(data.getTheUserClasses),
builder: (context, snapshot) {
snapshot.data.toString();
return Scaffold(
backgroundColor: Color(0xff3DDC97),
appBar: AppBar(
backgroundColor: Color(0xff7211E0),
title: userdata.user == null
? CircularProgressIndicator()
: Text(userdata.user.firstName ?? ""),
),
body: Container(
// padding: EdgeInsets.symmetric(vertical: h / 8),
padding: EdgeInsets.fromLTRB(0, h / 8, 0, 0),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
SizedBox(
height: h * .5,
child: data.classList == null
? Loading()
: data.classList.isEmpty
? Loading()
: UserClassList(
data: data.classList,
)),
RaisedButton(
child: Text("Add Class"),
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => PickFromAllClasses()))
.then((value) => value ? _refresh() : null);
},
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(20)),
color: Colors.blue,
)
],
)),
);
},
);
}
вот как я получаю данные
class UserData {
String uid;
String firstName;
int rating;
List<String> classes;
List<ClassData> classList = List<ClassData>();
UserData.fromMap(Map<String, dynamic> data) {
firstName = data['firstname'] ?? "";
rating = data['rating'] ?? "";
classes = data['classes'].cast<String>() ?? "";
}
List<ClassData> get cs => classList;
set cs(List<ClassData> s) {
cs = s;
}
Future get getTheUserClasses async {
for (String c in classes) {
DocumentSnapshot classsnapshot =
await Firestore.instance.collection("Classes").document(c).get();
final data =
ClassData.fromUserMap(classsnapshot.data, classsnapshot.documentID);
if (data != null) {
classList.add(data);
// print(data.classdescription);
}
}
cs = classList;
}
UserData({this.firstName, this.rating, this.classes});
}
Вот ошибка, которую я получаю при загрузке этого виджета.
flutter: ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════
flutter: The following NoSuchMethodError was thrown building YourClasses(dirty, dependencies: [MediaQuery,
flutter: _InheritedProviderScope<UserDataNotifier>, _InheritedProviderScope<UserData>], state:
flutter: _YourClassesState#4bf6d):
flutter: The getter 'getTheUserClasses' was called on null.
flutter: Receiver: null
flutter: Tried calling: getTheUserClasses
flutter:
flutter: The relevant error-causing widget was:
flutter: YourClasses
flutter: file:///Users/devintripp/Desktop/flutter_apps.no_sync/discoverytutors/lib/Screens/LoggedIn/TutorsView/tutors.dart:148:65
flutter:
flutter: When the exception was thrown, this was the stack:
flutter: #0 Object.noSuchMethod (dart:core-patch/object_patch.dart:53:5)
flutter: #1 _YourClassesState.build (package:disc_t/Screens/LoggedIn/Classes/yourclasses.dart:66:38)
flutter: #2 StatefulElement.build (package:flutter/src/widgets/framework.dart:4619:28)
flutter: #3 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:4502:15)
flutter: #4 StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:4675:11)
flutter: #5 Element.rebuild (package:flutter/src/widgets/framework.dart:4218:5)
flutter: #6 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:4481:5)
flutter: #7 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:4666:11)
flutter: #8 ComponentElement.mount (package:flutter/src/widgets/framework.dart:4476:5)
flutter: ... Normal element mounting (24 frames)
flutter: #32 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3446:14)
flutter: #33 MultiChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5947:32)
flutter: ... Normal element mounting (119 frames)
flutter: #152 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3446:14)
flutter: #153 Element.updateChild (package:flutter/src/widgets/framework.dart:3214:18)
flutter: #154 RenderObjectElement.updateChildren (package:flutter/src/widgets/framework.dart:5580:32)
flutter: #155 MultiChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:5957:17)
flutter: #156 Element.updateChild (package:flutter/src/widgets/framework.dart:3201:15)
flutter: #157 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:4527:16)
flutter: #158 StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:4675:11)
flutter: #159 Element.rebuild (package:flutter/src/widgets/framework.dart:4218:5)
flutter: #160 StatefulElement.update (package:flutter/src/widgets/framework.dart:4707:5)
flutter: #161 Element.updateChild (package:flutter/src/widgets/framework.dart:3201:15)
flutter: #162 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:4527:16)
flutter: #163 Element.rebuild (package:flutter/src/widgets/framework.dart:4218:5)
flutter: #164 ProxyElement.update (package:flutter/src/widgets/framework.dart:4862:5)
flutter: #165 _InheritedNotifierElement.update (package:flutter/src/widgets/inherited_notifier.dart:181:11)
flutter: #166 Element.updateChild (package:flutter/src/widgets/framework.dart:3201:15)
flutter: #167 SingleChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:5837:14)
flutter: #168 Element.updateChild (package:flutter/src/widgets/framework.dart:3201:15)
flutter: #169 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:4527:16)
flutter: #170 StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:4675:11)
flutter: #171 Element.rebuild (package:flutter/src/widgets/framework.dart:4218:5)
flutter: #172 StatefulElement.update (package:flutter/src/widgets/framework.dart:4707:5)
flutter: #173 Element.updateChild (package:flutter/src/widgets/framework.dart:3201:15)
flutter: #174 SingleChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:5837:14)
flutter: #175 Element.updateChild (package:flutter/src/widgets/framework.dart:3201:15)
flutter: #176 SingleChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:5837:14)
flutter: #177 Element.updateChild (package:flutter/src/widgets/framework.dart:3201:15)
flutter: #178 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:4527:16)
flutter: #179 Element.rebuild (package:flutter/src/widgets/framework.dart:4218:5)
flutter: #180 StatelessElement.update (package:flutter/src/widgets/framework.dart:4583:5)
flutter: #181 Element.updateChild (package:flutter/src/widgets/framework.dart:3201:15)
flutter: #182 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:4527:16)
flutter: #183 StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:4675:11)
flutter: #184 Element.rebuild (package:flutter/src/widgets/framework.dart:4218:5)
flutter: #185 BuildOwner.buildScope (package:flutter/src/widgets/framework.dart:2627:33)
flutter: #186 WidgetsBinding.drawFrame (package:flutter/src/widgets/binding.dart:883:20)
flutter: #187 RendererBinding._handlePersistentFrameCallback (package:flutter/src/rendering/binding.dart:284:5)
flutter: #188 SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1113:15)
flutter: #189 SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1052:9)
flutter: #190 SchedulerBinding._handleDrawFrame (package:flutter/src/scheduler/binding.dart:968:5)
flutter: #194 _invoke (dart:ui/hooks.dart:261:10)
flutter: #195 _drawFrame (dart:ui/hooks.dart:219:3)
flutter: (elided 3 frames from dart:async)
Вот экран, который загружается первым.
затем, когда он дублирует, он получает одни и те же данные 3 раза. Это после того, как я обновлю этот виджет.
Комментарии:
1. База данных Firebase в реальном времени и облачный Firestore — это две отдельные базы данных. Пожалуйста, отметьте свой вопрос только соответствующим тегом, а не обоими.
2. А если я использую оба?
3. Изолируйте проблему. Если ваша проблема не связана с обеими базами данных, вам не нужны обе для ее воспроизведения. Насколько я вижу, опубликованный вами код использует только Firestore.
Ответ №1:
Вместо того, чтобы использовать StreamBuilder , используйте FutureBuilder .
Вместо того, чтобы создавать свой Future при каждой сборке, создайте свой Future один раз и сохраните его в переменной вашего состояния, чтобы он не вызывался снова и снова, а только один раз, независимо от того, сколько раз вызывается ваш метод сборки.
Комментарии:
1. Я не могу использовать FutureBuilder, это нарушило бы цель того, что я пытаюсь сделать
2. Мне нужно, чтобы он обновлялся, когда в базе данных обновляются некоторые данные
3. И как вы этого добьетесь, когда все, что у вас есть, — это метод, дающий вам будущее?
4. у flutter есть метод, называемый Stream.asFuture()
5. Реальная проблема в том, что getTheUserClasses должен быть потоком, но я не знаю, как преобразовать его в поток, поскольку мне нужно проверить массив для каждого элемента потока
Ответ №2:
Stream.fromFuture() не распространяется на ваш вариант использования. Он не будет обновляться, если будут добавлены новые элементы или элементы будут удалены (поскольку он просто получает элементы из будущего).
В вашем случае вы можете захотеть сделать что-то вроде следующего:
Stream<List<YourModel>> getUserList() {
return Firestore.instance.collection('Classes')
.snapshots()
.map((snapShot) => snapShot.documents
.map((document) => Yourmodel.fromDocument(document.data)
.toList());
}
Кроме того, чтобы избежать ошибки, которую вы видите в консоли, вам необходимо проверить, есть ли в документе данные (например if (document.hasData()) ) и вернуть виджет для отображения, если данные еще не доступны.
Комментарии:
1. попробуйте создать поток так же, как я создал future