I doubt I had anything to do with this video - but I asked you to do a piece on Reflectly - and here it is. Whether it was me or someone else, it's really cool to see you responding to the community's requests. Much respect!
A splendid video absolutely loved it and learned a lot. The only problem is that some of the syntax with fire base has changed since and if we follow it as is it is feeling. Keep that in mind whoever else is going to follow this tutorial.
In the past I have done this type of animation by tying into the _controller position directly. No animation needed, it's all handled by the position. Ends up looking very compelling. Also, get your filthy JavaScript semantics out of my Dart. ;) Loved the video!
Haha, don't you come from humble JS roots? Are you referring to the prolific use of ternary operators or something else? That seems like a good way to go with position, although I like the idea of being able to animate additional things on the container as needed.
@@Fireship haha yes I do, very humble es2016 roots. Ah just things like no return types for functions, no @override annotations, `ctlr` instead of `_controller`, assigning values to class properties instead of using Dart getters. Little things that don't make a difference unless you're a Dart programmer trying to read someone's Dart code. You know, the stuff that only pedantic Dart people would care about! :D
It's an amazing video. Love it. BTW, the code appearing, do you make while editing the video or it's some tool or extension? It's delightful on a presentation.
Thanks for the amazing tutorial. One thing which I couldn't figure out was, how to give onPressed or Tap to the AnimatedContainer. I know we could use Inkwell widget here, but is that the ideal way to do it? Thanks
Nice,, Just one question,, with this structure the slides will re-build every-time u swipe,, because of setState... now if you have loader like I have in my app, with every slide the page photos will reload...what do u think about that,, is there anyway . I can make the pages not rebuild,, BTW I tried to remove the setState and disabled the active animation,, but yet the page view control rebuilds all the off-screen views ,,, just to save memory or something... any suggestions?
Upvote for your great work as always!! Though I’m not sure where Google is going with these very complex systems. We could have done the same thing with angularfire and ionic1 by putting an ngRepeat on a slider directive linked to an AF datastore. That would have been like 5 lines of code. Edit: oh it’s a plug-in. Alrighty.
Hey! Is there any way to do this animation a bit more smooth? Instead of changing size of animated controller when it’s “active”, can it change more dynamically as you scroll? I.e more like what Reflectly does, the one on the left decreases size and the one on the right increases. By the same logic, when they’re in the middle both are the same size
I got the following error: The following NoSuchMethodError was thrown building StreamBuilder(dirty, state: _StreamBuilderBaseState#b404f): The method 'toList' was called on null. Receiver: null Tried calling: toList()
My wish only to get access to credit card so I can be a pro member 😓. Any way am enjoying the free youtube content. Thanks for sharing this awesome stuff. Make more flutter tutorials plz.
Some constructive criticism. You don’t need that fast tempo in your video. You talk a bit too fast, you edit out pauses from your speach which makes it even faster and you jump cut code that’s appearing out of nowhere. It’s harder than it needs to be to follow. The pauses when you talk are needed to let what you say sink in. And code just appearing doesn’t give the eye something to follow. I mean, you don’t have to live code everything but at least add a fast forward when you code so the eye has something to follow. I do like the content of your channel so keep up the good work and I hope you at least take my pointers under concideration. :)
Even though I frequently find myself rewinding and rewatching these videos, I like the fast pace. A lot of tutorials on RUclips are way too slow for me and I end up increasing the playback speed to not waste my time. Also, if you find yourself struggling to follow the video, there's always a written version on fireship.io
Sir, for me when the viewPortFraction is < 1, the last page animates back to the second last page automatically.I tried with viewPortFraction = 1 and it works fine but not with viewPortFraction
Seems like you are a great developer please speak slowly and try to explain everything not to just copy and paste code You are teaching my advice to study some course about voice over you will be awesome! Cause you have a special voice
Hi! Has anyone got complete code of this on GitHub. I am getting following error on Stream _querydb function Stream _querydb({String tag = 'favorites'}) The body might complete normally, causing 'null' to be returned, but the return type, 'Stream', is a potentially non-nullable type. Try adding either a return or a throw statement at the end. I have solved most of other issues but this one is difficult to resolve. Any help will be appreciated.
In the latest version of firebase_core and cloud_firestore it throws the following error: "type '() => Map' is not a subtype of type 'Map'" Can you please show how to fix this ?
"type '() => Map' is not a subtype of type 'Map'" was the error i was recieving Here is what i did: 1. class FirestoreSlideshowState extends State { final PageController ctrl = PageController(viewportFraction: 0.8); final Firestore db = Firestore.instance; Stream slides; CHANGE "Stream slides" to Stream slides; 2. In the StreamBuilder I changed it up a bit to: return StreamBuilder( stream: slides, //initialData: [], builder: (context, AsyncSnapshot snap) { List slideList = snap.data.documents; if (!snap.hasData) return Center(child: CircularProgressIndicator()); else if (snap.data.docs.isEmpty) return Center(child: Text('No Data avaliable')); return PageView.builder( controller: ctrl, itemCount: slideList.length + 1, itemBuilder: (context, int currentIdx) { if (currentIdx == 0) { return _buildTagPage(); } else /* if(slideList.length >= currentIdx) */ { //Active Page deh yah so // ignore: unused_local_variable bool active = currentIdx == currentPage; return BuildStoryPage( slideList[currentIdx - 1].data(), pageController: ctrl, index: currentIdx, ); } }); }); 3. then for the slides in Stream _queryDb i replaced: slides = query.snapshots().map((list) => list.documents.map((doc) => doc.data)); with: slides = query.snapshots();
Your videos are just too fast for me man. I know they say to keep videos short but if I have to rewind 34 times cause you went to fast then I might as well watch a really long video that takes the time to explain the concepts. I'm not here for you to do my work for me. I am here to learn how to do my own work. Take some time to explain things and make your videos longer. Personally I am unsubscribing. In the end I learned nothing and just copied your text whilst rewinding 46 times. Watching it on half speed is not going to work for me cause I don't really want to sit here and listen to your voice in slow mo either cause I can't absorb the information this way. Thank you for trying to help others. You make the world a better place for your efforts. It's just too hard for me to learn from your videos. To be clear they are GOOD VIDEOS just way too fast......
Hey i am having multiple errors 1- 'Firestore' it says undefined class 2- list.documents.map says 'documents' isnt defined for the type QuerySnapshot. Try importing library that defines 'documents' Please help me as i am implementing this in my current project
Hi, have you found the solution? I am getting the same issue. I changes documents to docs. The error is gone but getting red screen on app with error message Field 'slides' has not been initialized. Can you plz paste the main.dart here if you have solved the issue?
I doubt I had anything to do with this video - but I asked you to do a piece on Reflectly - and here it is. Whether it was me or someone else, it's really cool to see you responding to the community's requests. Much respect!
I like how your demos show solutions that can be applied to almost any app. Great job.
This channel is one of the reasons I started knowledge. We need more high quality tutorials like like this.
A splendid video absolutely loved it and learned a lot. The only problem is that some of the syntax with fire base has changed since and if we follow it as is it is feeling. Keep that in mind whoever else is going to follow this tutorial.
At a speed of 0.75, one of the most important topic for any app which uses firebase as backend. Thank You
Amazing video Jeff! Keep them coming.
Love ur Videos. I am eagerly waiting for your flutter course.
More videos with flutter please
More on the way, along with a full course, and a fireship quiz app built with Flutter :)
Flutter + firebase = future
@@Fireship impatiently waiting for the course
@@Fireship Hey, could you please share the outline of your course and when it will start? Thanks a lot! I really enjoy your videos.
Love this channel thanks buddy.
Thanks for watching :)
In the past I have done this type of animation by tying into the _controller position directly. No animation needed, it's all handled by the position. Ends up looking very compelling. Also, get your filthy JavaScript semantics out of my Dart. ;) Loved the video!
Wasn't "the function as widgets" are antipattern? Are you using it as convention or performance?
Haha, don't you come from humble JS roots? Are you referring to the prolific use of ternary operators or something else? That seems like a good way to go with position, although I like the idea of being able to animate additional things on the container as needed.
@@vinceramces function as widgets isn't the end of the world, after all, that's what a WidgetBuilder typedef is.
@@Fireship haha yes I do, very humble es2016 roots. Ah just things like no return types for functions, no @override annotations, `ctlr` instead of `_controller`, assigning values to class properties instead of using Dart getters. Little things that don't make a difference unless you're a Dart programmer trying to read someone's Dart code. You know, the stuff that only pedantic Dart people would care about! :D
By the way, I would love to see your opinion on AngularDart.
Hi Jeff,
great tut, I really like it. I wish to develop app further and dynamically create Tags (not hard code them) on TagPage. How to do that?
wow!
your work overall is top notch!
Very helpful, thank you❤
i am waiting your awesome Flutter Course . Please Add an complete Project On your Course
I love your videos. Thank you a lot!!!
wow, you just gave wings to my idea , thanks
thank you jeff you are Amazing teacher
Thanks this video was very Helpful for my app. Just a doubt when the button is selected how can I change/transition it onto the slide without swiping.
It's an amazing video. Love it.
BTW, the code appearing, do you make while editing the video or it's some tool or extension?
It's delightful on a presentation.
May b Ctrl+z 😅
Thanks for the amazing tutorial. One thing which I couldn't figure out was, how to give onPressed or Tap to the AnimatedContainer. I know we could use Inkwell widget here, but is that the ideal way to do it? Thanks
Yasssss!!!Upcoming flutter course!!!
Man, You are amazing.
Nice,, Just one question,, with this structure the slides will re-build every-time u swipe,, because of setState... now if you have loader like I have in my app, with every slide the page photos will reload...what do u think about that,, is there anyway . I can make the pages not rebuild,, BTW I tried to remove the setState and disabled the active animation,, but yet the page view control rebuilds all the off-screen views ,,, just to save memory or something... any suggestions?
can the pictures be programmed to have an on pressed function?
When is the course coming out? It's been a couple of weeks 🙂
excellent video, one question, how do I upload to an image with the array, thanks
Omnamahshivay
Please tell from where u are learning this all amazing things in flutter
Upvote for your great work as always!! Though I’m not sure where Google is going with these very complex systems. We could have done the same thing with angularfire and ionic1 by putting an ngRepeat on a slider directive linked to an AF datastore. That would have been like 5 lines of code.
Edit: oh it’s a plug-in. Alrighty.
Amazing. Thank you.
Hey! Is there any way to do this animation a bit more smooth? Instead of changing size of animated controller when it’s “active”, can it change more dynamically as you scroll? I.e more like what Reflectly does, the one on the left decreases size and the one on the right increases. By the same logic, when they’re in the middle both are the same size
This SlideShow is pretty amazing! What I can use to doing something like this in Ionic 4 + Firestore? Thank's in advance. 🤓
Marcos Ribeiro dude I strongly suggest u to switch from ionic to flutter 😉ionic sux trust me
thanks..u really saved me
Is it possible to make the current page overlap onto the next, almost as if the next was visibly below the current page
Nice, thanks!
More flutter please! :)
I got the following error:
The following NoSuchMethodError was thrown building StreamBuilder(dirty, state: _StreamBuilderBaseState#b404f):
The method 'toList' was called on null.
Receiver: null
Tried calling: toList()
My wish only to get access to credit card so I can be a pro member 😓.
Any way am enjoying the free youtube content. Thanks for sharing this awesome stuff. Make more flutter tutorials plz.
what theme do you use?! ✨✨😬🙏🏻please
Some constructive criticism. You don’t need that fast tempo in your video. You talk a bit too fast, you edit out pauses from your speach which makes it even faster and you jump cut code that’s appearing out of nowhere. It’s harder than it needs to be to follow. The pauses when you talk are needed to let what you say sink in. And code just appearing doesn’t give the eye something to follow. I mean, you don’t have to live code everything but at least add a fast forward when you code so the eye has something to follow.
I do like the content of your channel so keep up the good work and I hope you at least take my pointers under concideration. :)
Not sure I agree, there's a lot of other channels that are much slower, it's good to have a fast paced channel.
Even though I frequently find myself rewinding and rewatching these videos, I like the fast pace. A lot of tutorials on RUclips are way too slow for me and I end up increasing the playback speed to not waste my time. Also, if you find yourself struggling to follow the video, there's always a written version on fireship.io
Well for me this fast tempo is perfect. I hate when video is slow and i always skip it because I don't want to waste my time.
Nailed it!!!
amazing you rock
It is amazing.
Love it......!!!!
Great asa always
Sir, for me when the viewPortFraction is < 1, the last page animates back to the second last page automatically.I tried with viewPortFraction = 1 and it works fine but not with viewPortFraction
What editor are you using ? thanks.
visual studio code d:
Can you do a video about Bloc pattern in flutter?
How we can update the code with the new firestore package 🙏
Seems like you are a great developer please speak slowly and try to explain everything not to just copy and paste code
You are teaching my advice to study some course about voice over you will be awesome! Cause you have a special voice
Hi! Has anyone got complete code of this on GitHub. I am getting following error on Stream _querydb function
Stream _querydb({String tag = 'favorites'})
The body might complete normally, causing 'null' to be returned, but the return type, 'Stream', is a potentially non-nullable type.
Try adding either a return or a throw statement at the end.
I have solved most of other issues but this one is difficult to resolve.
Any help will be appreciated.
In the latest version of firebase_core and cloud_firestore it throws the following error: "type '() => Map' is not a subtype of type 'Map'"
Can you please show how to fix this ?
"type '() => Map' is not a subtype of type 'Map'" was the error i was recieving
Here is what i did:
1. class FirestoreSlideshowState extends State {
final PageController ctrl = PageController(viewportFraction: 0.8);
final Firestore db = Firestore.instance;
Stream slides;
CHANGE "Stream slides" to Stream slides;
2. In the StreamBuilder
I changed it up a bit to:
return StreamBuilder(
stream: slides,
//initialData: [],
builder: (context, AsyncSnapshot snap) {
List slideList = snap.data.documents;
if (!snap.hasData)
return Center(child: CircularProgressIndicator());
else if (snap.data.docs.isEmpty)
return Center(child: Text('No Data avaliable'));
return PageView.builder(
controller: ctrl,
itemCount: slideList.length + 1,
itemBuilder: (context, int currentIdx) {
if (currentIdx == 0) {
return _buildTagPage();
} else /* if(slideList.length >= currentIdx) */ {
//Active Page deh yah so
// ignore: unused_local_variable
bool active = currentIdx == currentPage;
return BuildStoryPage(
slideList[currentIdx - 1].data(),
pageController: ctrl,
index: currentIdx,
);
}
});
});
3. then for the slides in Stream _queryDb
i replaced:
slides = query.snapshots().map((list) => list.documents.map((doc) => doc.data));
with: slides = query.snapshots();
@@mikhailcampbell994 how did you fix it ?
@@sokolikonomi2345 try the steps I stated above
How can I make navigator to another screen???
Love You bro
OmNS how can I learn this like u ,
On my own self
Como subo archivos a firestore con arrays?
Parabéns
obrigada amigo!
and i understand how its works .
React Native vs. Flutter?
I did a little comparison video here fireship.io/lessons/flutter-for-js-developers/
how can we get multiple text data like index ? anyone help me please
how do i orderBy title?
the title is not seen in my simulator
Coool. 3rd
Bronze 🥉
4th so far :P
participation medal 🏅
You are a god haha
Make card swipe video
Your videos are just too fast for me man. I know they say to keep videos short but if I have to rewind 34 times cause you went to fast then I might as well watch a really long video that takes the time to explain the concepts. I'm not here for you to do my work for me. I am here to learn how to do my own work. Take some time to explain things and make your videos longer. Personally I am unsubscribing. In the end I learned nothing and just copied your text whilst rewinding 46 times. Watching it on half speed is not going to work for me cause I don't really want to sit here and listen to your voice in slow mo either cause I can't absorb the information this way. Thank you for trying to help others. You make the world a better place for your efforts. It's just too hard for me to learn from your videos. To be clear they are GOOD VIDEOS just way too fast......
first :P
gold 🥇
@@Fireship This looks so cool. Definitely learning more about animation!
Omnamahshivay
Please tell from where u are learning this all amazing things in flutter
Hey i am having multiple errors
1- 'Firestore' it says undefined class
2- list.documents.map says 'documents' isnt defined for the type QuerySnapshot. Try importing library that defines 'documents'
Please help me as i am implementing this in my current project
Hi, have you found the solution? I am getting the same issue. I changes documents to docs. The error is gone but getting red screen on app with error message Field 'slides' has not been initialized. Can you plz paste the main.dart here if you have solved the issue?
Omnamahshivay
Please tell from where u are learning this all amazing things in flutter
Omnamahshivay
Please tell from where u are learning this all amazing things in flutter