Тёмный

Flutter Tutorial - Cloud Firestore 🔥 | Pagination & Infinite Scrolling [2022] FlutterFire UI 

HeyFlutter․com
Подписаться 203 тыс.
Просмотров 16 тыс.
50% 1

Опубликовано:

 

25 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 79   
@HeyFlutter
@HeyFlutter Год назад
This might help you :) 👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com Source Code: github.com/JohannesMilke/firestore_pagination
@AjilSathyanLMCEC
@AjilSathyanLMCEC 2 года назад
Wow superb. I was worried about pagination in firebase. Now it's awesome👏😊. So happy now. Thanks ❤ sir.
@phillip_jacobs
@phillip_jacobs 2 года назад
FirestoreListView is AMAZING! Thanks for the help!
@HeyFlutter
@HeyFlutter 2 года назад
You’re most welcome, Phillip Jacobs! 🙂
@augustwanger2651
@augustwanger2651 2 года назад
Hi Johannes, could you please make a video where you explain navigation from a category to its child category?
@ezeaguprincewill7005
@ezeaguprincewill7005 2 года назад
Wawu!! Didn't know their was a firebaseUI package. I had to manually paginate on my apps. Gush!! I think I have so updating to do. Thanks bro
@batishqureshi
@batishqureshi Год назад
Hello Johannes, can you make a video on how to reload/refresh data coming from firestore in our flutter app with pull to refresh indicator......
@HeyFlutter
@HeyFlutter Год назад
Thanks for the idea, Ali! 🙂 I have added it to my list of ideas for future videos!
@albertjjimenezp
@albertjjimenezp 2 года назад
Great! This series is going up!!! I am so exited awaiting for the video about flutter web with firebase 9.x...
@Funpage1940
@Funpage1940 2 года назад
You are awesome. Keep uploading 💗
@SupercarsChief
@SupercarsChief 2 года назад
Thank you so much. You are a life saver.
@HeyFlutter
@HeyFlutter 2 года назад
Glad to hear that, You are welcome Vasudev Soni! 😊
@ttlrd7
@ttlrd7 2 года назад
Hi Johannes, It's great tutorial. I tried to display some message or image when db is empty. Is there any way to implement this? Thanks.
@ttlrd7
@ttlrd7 2 года назад
@@HeyFlutter Thanks a lot for the information 👍
@MrCoral821
@MrCoral821 2 года назад
@@ttlrd7 I agree with him. Is there any way to do that with flutterfire_ui?
@hashankannangara8723
@hashankannangara8723 2 года назад
great video!!
@rodrigolightbolt
@rodrigolightbolt 2 года назад
I love this, but can I use with slivers?
@oneebkhan4453
@oneebkhan4453 2 года назад
Can you please make a video about reading and adding data to subCollections. Also they each have to have a unique id so we have to use ```where``` property to identify them. Thank you!
@oneebkhan4453
@oneebkhan4453 2 года назад
@@HeyFlutter Thank you. I'm currently stuck in this..so if you make it your top priority I'll be very grateful because I can't find a solution anywhere. Sorry if I'm being selfish :)
@justvikas
@justvikas 2 года назад
thank you man That was easy as hell. a time saver.
@nouvandet9867
@nouvandet9867 2 года назад
Hello Johannes Milke! I have issue with Text wrap with Hero widget and the issue it show red yellow color inderline of text when Hero widget animate to new page.
@eNONO-ot4zh
@eNONO-ot4zh 2 года назад
thank u Johannes. But how to sort iten in ASC or DESC order ?
@yunismaruf
@yunismaruf 2 года назад
Awesome thanks 😊
@tusharchander8935
@tusharchander8935 2 года назад
is there a way to listen to stream changes like that in Instagram when there is a pop up "New Posts" ? Could you please help..
@urstruelyshanmukha6079
@urstruelyshanmukha6079 2 года назад
Hey @johannes , I have one doubt is this video related to cursor based pagination ?
@NouraddinKhalil
@NouraddinKhalil 2 года назад
You're a life saver i spent a lot of time to do this manually But can you make the pagination also a realtime?
@yousour5112
@yousour5112 2 года назад
i want to know this too , any tip how to do it ? real time data with pagination
@NouraddinKhalil
@NouraddinKhalil 2 года назад
@@yousour5112 i figure out that this method in this video is also a realtime And the great thing about it is that you can filter your data and still be a realtime as well
@yousour5112
@yousour5112 2 года назад
@@NouraddinKhalil can you share code how can you do it , I want to try too 🤔
@NouraddinKhalil
@NouraddinKhalil 2 года назад
@@yousour5112 it's very simple just add your query in the "query" parameter in the FirestoreListView and it should work
@yousour5112
@yousour5112 2 года назад
lol, first i think FirestoreListView & FirestoreQueryBuilder isn't get data real time , but in fact it works for us 😄
@basithp9467
@basithp9467 Год назад
Does this show updates in realtime like a streamBuilder? Also what if I want to load more data when the user scroll up from bottom, Like in chat app. How do I do that?
@HeyFlutter
@HeyFlutter Год назад
Thank You Basith P! Follow this link: medium.com/@jun.chenying/flutter-tutorial-part-5-listview-pagination-scroll-up-to-load-more-ed132f6a06be I hope you will get your answer 🙂
@sivarampr
@sivarampr 2 года назад
My flutter hero good night...
@sivarampr
@sivarampr 2 года назад
@@HeyFlutter 😍💕
@u10nes
@u10nes 2 года назад
Great! but why does it make a lot of reads? I have a list of 134 document, if I scroll to the bottom of the list, reads are almost 1000 read.
@HeyFlutter
@HeyFlutter 2 года назад
Thank you, Younes Banane! 🙂. There must be some extra code in your app.
@u10nes
@u10nes 2 года назад
@@HeyFlutter I think what FirestoreListView do every time you reach the bottom of the list is loading all documents with a limit of (pageSize + number of loaded documents).
@u10nes
@u10nes 2 года назад
@@HeyFlutter And thank you for these great tutorials, I learned a lot from you.
@hawarhekmat1174
@hawarhekmat1174 2 года назад
Great video, can we do it with stream
@HeyFlutter
@HeyFlutter 2 года назад
Thanks for the idea, Hawar Hekmat! 🙂 I have added it to my list of ideas for future videos!
@hawarhekmat1174
@hawarhekmat1174 2 года назад
@@HeyFlutter thanks 🙏
@rubikandil9357
@rubikandil9357 Год назад
I have a Combinelist of streams and I merging these streams in totalRef variable normally im using this totalRef in my Stream Builder and its working fine. But when i want to use this combinestreams i mean totalRef in FirestoreQueryBuilder for pagination it gives error of QueryCombineListStream can not determine as Query. How can I use my totalRef in this Builder.
@HeyFlutter
@HeyFlutter Год назад
Thank You Rubi Kandil! Follow this link: stackoverflow.com/questions/53517382/query-a-single-document-from-firestore-in-flutter-cloud-firestore-plugin I hope you will get your answer 🙂
@rubikandil9357
@rubikandil9357 Год назад
@@HeyFlutter i need to know, how can I query multiple docs in this pagination structure
@javierc8971
@javierc8971 2 года назад
Hey Johannes, New subscriber here! I've got a question, would infinite scrolling pagination be a smart way to display n amount of images ? Ive got an app that is displaying all usre generated images in descending order. But in my current implementation I've run into a memory issue. would this method free up non rendered items ?
@rubikandil9357
@rubikandil9357 Год назад
Is it also work for scrolling back to top or just scrolling to bottom?
@rubikandil9357
@rubikandil9357 Год назад
I i thlnk its not working when you are scrolling back to top. It should work for good process
@HeyFlutter
@HeyFlutter Год назад
Thank you, Rubi Kandil! 🙂. Yes it works both ways.
@rubikandil9357
@rubikandil9357 Год назад
Does your example work in both ways or do we need to do something extra to make it work both ways? Because I made a similar pagination example, the data loads at the limit rate I set when scrolling down, but it doesn't work like that when scrolling back up from bottom.
@rubikandil9357
@rubikandil9357 Год назад
Because when we are getting data we add new data list to old list so when we are scrolling back to top. We have total all list to scroll back we dont get datas part again.
@yousour5112
@yousour5112 2 года назад
how about pagination with real time data ? any tip thank in advance
@yousour5112
@yousour5112 2 года назад
@@HeyFlutter thank you , I’m waiting for it 🤩🔥🌟
@yousour5112
@yousour5112 2 года назад
@@HeyFlutter and I think is good to show how to implement search with it , too
@chinglembakh
@chinglembakh 2 года назад
Hi Johannes, Can you please confirm that it auto supports Pagination. When i implemented it using either FlutterListView or FlutterQueryBuilder, i find all the query data being loaded at once. Or am i missing another implementation to make it fetch more data as i reach the end of scroll
@chinglembakh
@chinglembakh 2 года назад
​@@HeyFlutter thank you for your fast reply. I will check it out
@alphasnake5510
@alphasnake5510 2 года назад
Wait where is the reply Lemba can you tell me how you made it work
@chinglembakh
@chinglembakh 2 года назад
@@alphasnake5510 u add the scroll listener to ur ListView and whenever u reach end of scroll u call the loadmore function as mentioned in the video
@chinglembakh
@chinglembakh 2 года назад
@@alphasnake5510 NotificationListener( onNotification: (scrollNotification){ if(scrollNotification is ScrollEndNotification){ if(snapshot.hasMore && !snapshot.isFetchingMore){ snapshot.fetchMore(); } } } )
@alphasnake5510
@alphasnake5510 2 года назад
@@chinglembakh i was using one horiszontal (carousel) and other is vertical(gridview) so to make them both scroll i had to use ShrinkWrap = true But found it this was the reason behind my issue because shrinkwrap forces the all the data at once to be request so it can arrage itself thats why
@fabiolucasdev
@fabiolucasdev 2 года назад
The method FirestoreListView does not exist anymore or my Androi Studio is joking with me
@chinglembakh
@chinglembakh 2 года назад
@Fabio did you find the alternative to FirestoreListView
@zakblacki
@zakblacki 2 года назад
This will not work if you include filter option (Ascneding - Descending - Random) with this one
@curryking31
@curryking31 2 года назад
Hey Johannes, what is your best practice to prevent excessive Firestone read-Commands? I am currently using an class to get my Firestore stream and than call it in Stateless Widget with a Streambuilder. Every time I go to that Stateless Widget it fires a Firestore read, but I just want to load it once from the server when I open the app. Hope you can help me 🙂
@curryking31
@curryking31 2 года назад
@@HeyFlutter Thank you so much for your fast reply! I already read that and also the article on Medium but i am fine with the user loading the data completely every time he opens the app. What I am looking for is a solution, where the app stores the data and only refreshes the data when pulling down or close and open the app again. Maybe you have a video for that? Again thank you so much Johannes, your videos are awesome!
@emondas31
@emondas31 2 года назад
💘💘
@saratiko
@saratiko 2 года назад
👍
@saratiko
@saratiko 2 года назад
@@HeyFlutter No, thanks to you for this awesome playlist and all your good work!
@murphyplays2112
@murphyplays2112 Год назад
not supported anymore
@HeyFlutter
@HeyFlutter Год назад
Thanks for your feedback, @murphyplays2112! 🙂
@oobleck147
@oobleck147 2 года назад
You make great content but too fast to follow and to see source code you need to sign up... smh
@than1280
@than1280 2 года назад
Help Sir, Showed it on message_codecs.dart (Exception has occurred. PlatformException (PlatformException(firebase_firestore, PERMISSION_DENIED: Missing or insufficient permissions., {code: permission-denied, message: The caller does not have permission to execute the specified operation.}, null)) )
@alphasnake5510
@alphasnake5510 2 года назад
You have to edit your firebase rules
@stellarcreed
@stellarcreed 2 года назад
i think snapshot.isFetching dosnt work, i dont see my CircularProgressIndicator at all
@stellarcreed
@stellarcreed 2 года назад
@@HeyFlutter i think its better not to use this plugin. i have some extra rebuilds in my activity feed after like/dislike actions. So its much cheaper to make your own pagination with no any plugin
Далее
Top 10 Flutter Widgets (for Responsive Layouts)
13:17
Гаджет из даркнета 📦
00:45
Просмотров 140 тыс.
Физика пасты Карбонара 🧪🔬
00:57
Viral Video of a Man's Crazy Job Interview
16:02
Просмотров 1,5 млн
10x Your Speed With Flutter
8:04
Просмотров 61 тыс.
Pagination in Flutter using Firebase's Cloud Firestore
18:44
Think Fast, Talk Smart: Communication Techniques
58:20
Every Flutter App needs this!
10:15
Просмотров 57 тыс.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
Просмотров 972 тыс.
Гаджет из даркнета 📦
00:45
Просмотров 140 тыс.