How to fetch data from firebase realtime database in flutter? - firebase

I'm building an app in Flutter in which I have data stored in the Firebase Realtime Database. I want to fetch those data in my app.
Now, Because of breaking changes made few months ago I'm unable to find new articles or video which might help but all I find are old ones so if anyone here can help me?
variable for the list
final dbRef = FirebaseDatabase.instance.reference().child("workshops");
now for showing the data I'm trying like this
return FutureBuilder(
future: dbRef.once(),
builder: (context,AsyncSnapshot<DataSnapshot> snapshot){
if(snapshot.hasData){
workshopList.clear();
Map<dynamic, dynamic> values = snapshot.data.value;
values.forEach((key,values){
workshopList.add(values);
});
}
return ListView.builder(
shrinkWrap: true,
itemCount: workshopList.length,
itemBuilder: (BuildContext context, index){
return Card(
child: Center(
child: Column(
children: [
Text("name "+ workshopList[index].workshopName)
],
),
),
);
},
);
}
);

For declaring list I was doing like this
List<Workshop> worskshopList = [];
but what worked for me was
List<Map<dynamic,dynamic>> workshopList = [];
And now for showing the data I am using
workshopList[index].workshopName
now problem with this is that I am not referencing database's workshopname but my model class' workshop name so I am getting nowhere.
now what worked for me was
workshopList[index]["workshopname"]
now from the old list I can't use like list[index][""] it will give an error like "[]" is not defined for the list.

Related

Flutter - How to show ArrayList items pulled from Firebase Firestore with ListTile?

I have a build on Firebase Firestore like this:
In the structure here, there are 2 ArrayLists. I want to display what will be done from 2 ArrayLists as ListTile.
I tried a code like this:
Expanded(
child: StreamBuilder <QuerySnapshot>(
stream: FirebaseFirestore.instance.collection("users").doc(FirebaseAuth.instance.currentUser.uid).collection("yapilacaklar").snapshots(),
builder: (context, snapshot) {
if (!snapshot.hasData) return LinearProgressIndicator();
return Expanded(
child: _buildList(snapshot.data),
);
},
)
),
Widget _buildList(QuerySnapshot snapshot) {
return ListView.builder(
itemCount: snapshot.docs.length,
itemBuilder: (context, index) {
final doc = snapshot.docs[index];
return ListTile(
title: Text(doc["yapilacaklar"].toString()),
);
},
);
}
These codes I tried do not give an error, but they do not show in any Widget. How can I do what I want? Thanks in advance for the help.
I believe the issue is the '.collection("yapilacaklar")'. It will try to find a collection with the id "yapilacaklar" and your user doc doesn't have any collections. Yapilacaklar, in this case, is a field in the document. Try getting the snapshots of the actual document and then creating a ListView from the array in the yapilacaklar field.
The flutterfire documentation is very helpful for reading firestore data: https://firebase.flutter.dev/docs/firestore/usage/#read-data

Flutter Firestore - get only 10 docs with their id

here I'm trying to get the top 10 names only from my firebase firestore,
and I searched on how I do it with the listview that I have, but I get to nowhere.
so I thought about getting the id of my documents instead.
In my firestore I gave the top 10 documents IDs from 1 to 10, now I'm stuck and I have no idea how to do it. please help.
static int id = 1;
StreamBuilder<QuerySnapshot>(
stream: fireStore.collection(path).snapshots(),
builder: (context, snapshot) {
if(!snapshot.hasData){
return Center(
child: CircularProgressIndicator(
backgroundColor: Colors.blueAccent,
),
);
}
List<InfoBox> ancients = [];
try {
final collection = snapshot.data!.docs;
for (var collect in collection) {
final name = collect['Name'];
final image = collect['Image'];
final collectionWidget = InfoBox(
ancientName: name,
ancientImage: image
);
ancients.add(collectionWidget);
}
}catch(e){
print('problems in stream builder \n error : $e');
}
return Expanded(
child:ListView(
children: ancients,
)
);
},
);
You are probably searching for limit() function. According to the documentation:
To limit the number of documents returned from a query, use the limit method on a collection reference
You can implement it like this:
fireStore.collection(path).limit(10).snapshots();
Change your ListView to this List if else everything is ok and u are getting data in list then this will work.
ListView.builder(
itemCount: ancients.length,
itemBuilder: (BuildContext context, int index) {
return ListTile(
leading: new Image.network(ancients[index].ancientImage),
title: new Text(ancients[index].ancientName),
)
},
)

Firebase does not retrieve fields in flutter

I'm trying to retrieve from my collection "Courses" 2 field.
Course code and Course name. My issue when retrieving is that I only managed to retrieve the first field.
builder: (context, snapshot) {
if (snapshot.hasData) {
return ListView.separated(
itemCount: snapshot.data!.docs.length,
separatorBuilder: (BuildContext context, int index) =>
Divider(height: 1),
// ignore: dead_code
itemBuilder: (context, index) {
DocumentSnapshot doc = snapshot.data!.docs[index];
return ListTile(
contentPadding:
EdgeInsets.symmetric(horizontal: 30, vertical: 10),
selectedTileColor: Color(0xffE5E5E5),
title: Text.rich(
TextSpan(
text: doc["Course code"],
children: <TextSpan>[
TextSpan(text: ":"),
TextSpan(text: doc["Course name"]),
and it shows me this error:
Exception has occurred.
StateError (Bad state: field does not exist within the DocumentSnapshotPlatform)
this is my firebase
I only can retrieve course code I don't know why.
It seems like you have a problem with how Flutter and Firebase interacts with each other. I would like to suggest to check the following threadand especially the comment posted by jschnip which could solve your problem
This is probably related to recent changes in DocumentSnapshot, your
factory is looking for the data map, which used to be in doc, but nows
its in doc.data() - except DocumentID
So for your factory, one way to change it would be to adjust to:
Userr( id: doc.id, email: docdata['email'], username:
docdata['username'], url: docdata['url'], profileName:
docdata['profileName'], bio: docdata['bio'], subject1:
docdata['subject1'], subject2: docdata['subject2']
and when you call
it, you'll need to do something like:
doc.data();
newUserrr = Userr.fromDocument(doc, _docdata);

How to access specific data from firebase

I am new to firebase and I am wondering how would you access specific data. Ill give you an example, BTW I am using flutter.
Say I am creating data like this. I making a table of posts or I guess in firebase it'd be just a json array. In this json array I have 4 pieces of data state, city, post which as of right now just represents a simple message, and also timestamp.
So my question is how can I get a filtered version of my posts with a given city and state? Is there something special you can do in firebase? or would I have to do the filtering when I am building the list view?
I know FirebaseDatabase().reference().child('posts'); can access all of the posts.
var _firebaseRef = FirebaseDatabase().reference().child('posts');
_firebaseRef.push().set({
"state": state,
"city": city,
"post": post,
"timestamp": DateTime.now().millisecondsSinceEpoch
});
The code in the question means you are adding data, not retrieving. If you want to retrieve data according to a specific city then do the following query:
var dbRef = FirebaseDatabase().reference().child('posts');
dbRef.orderByChild("city").equalTo("city_name").once();
once() returns a Future so you can use the FutureBuilder to get the data from the above query.
Use Future Builder to fetch data to listview
create getPost() method first to return qn
Future getPosts() async {
var firestore = Firestore.instance;
QuerySnapshot qn = await firestore.collection("your_collecttion_name").getDocuments();
return qn.documents;
}
after that use, future builder to fetch data
return Container(
child: FutureBuilder(
future: getPosts(),
builder: (_, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return Center(
child: Text("Loading..."),
);
} else {
return ListView.builder(
itemCount: snapshot.data.length,
itemBuilder: (_, index) {
return Column(
children: <Widget>[
Text(
snapshot.data[index].data['your_data_field'] //name,age etc..
.toString(),
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.w500),
),]
),}
),
});

Query data on firebase realtime

I have code in flutter where I am filtering data based on userId. But I also want that data to be sorted based on descsending order based on date. Like I want to show current day data first and then for previous date. In firestore its feasible while I am finding it hard to do with realtime. Below is code snippet where I have added query to filter by userId. Below I want to add sort data based on dates as well(I am saving timestamp)
_database.reference().child("node name here..").orderByChild("userId").
equalTo("my user id here...").once().then((snapshot )async{}
FirebaseDatabase returns oldest data first ,In order to view latest data i would suggest you reverse the list or whilst saving your timestamp * by -1 to make document "oldest"
example
int time = DateTime.now().microsecondsSinceEpoch;
var timestamp = time * -1;
you can query your data as per this example
return StreamBuilder(
stream: FirebaseDatabase.instance
.reference()
.child('node')
.orderByChild('userid')
.equalTo(userId)
.onValue,
builder: (BuildContext context, AsyncSnapshot<Event> snapshot) {
if (snapshot.hasData) {
if (snapshot.data.snapshot.value != null) {
Map<dynamic, dynamic> map = snapshot.data.snapshot.value;
List<dynamic> list = map.values.toList();
return ListView.builder(
itemCount: list.length,
padding: EdgeInsets.all(4.0),
itemBuilder: (BuildContext context, int index) {
return Column(
children: [
ClipRRect(
borderRadius: BorderRadius.circular(13),
child: Container(
decoration:
BoxDecoration(color: Colors.blueGrey[100]),
child: ListTile(
title: Text(list[index]["title"]),
subtitle: Text(list[index]["text"]),
),
PS
watch for you console to see if you get a link to create an index

Resources