Flutter Tutorial for Beginners #20 - Extracting Widgets

Hey gang, in this Flutter tutorial I'll show you how you can extract widget trees into their own re-usable class widget.
----------------------------------------

🐱‍💻 🐱‍💻 Course Links:

🐱‍💻 🐱‍💻 Other Related Courses:

[Skuzzo]

For those struggling with the "String? cannot be converted to String" issue, if you used String? in the quote class, remove that and replace it with "Required" in the constructor.

class Quote {

String text = "";
String author = "";

Quote({required this.text, required this.author});

}

Fixed it for me.

[solomon]

Hey guys...those who are confused with naming pattern, just try this out on your own to have better understanding. In a school, we are going to list out 5th standard students' name and their group. Replace 'Quote' as 'VthStandard' and its instance ('quotes) as 'students' - each element as 'student' inside map function . In the VthStandard class initialize it's property as 'name' & 'group' instead of name and author. That's it. Hope this would have thrown light to some extent. Great lesson....thanks to Ninja!!!

[ashwinkumar]

For those who couldn't find anything in the 'Flutter Outline' except for "NOTHING TO SHOW" (same happened with me), just give your Android Studio a *RESTART* and you are good to go with the tutorial. Worked out for me :)

[benzostiller]

As someone who's been programming for over 10 years, I think your series is an excellent introduction for both beginners (with some programming experience) and experts! Thanks for the help and keep 'em coming. :-)

[atharvparlikar]

everything was going fine until the map came in

Edit: it's been a year I've been doing mostly javascript when I came back here map is pretty damn easy don't know why I was this stupid a year ago shame on me

[ronanhansel]

I had to rewatch the video twice to fully understand this. Great job Sensei!

[AuthorJamsNRosesGoogle]

Great introduction to Flutter, so far so good. This was the toughest of videos to wrap my head around... Right, next video, let's go!

[akashsinghb]

very helpful tutorial for learning. But please make the variable names differently there are lots of 'quotes' 'quote' 'Quote' its hard to understand which stands for which. You should create like quote1, quote2. Please try to understand and thanks for these awesome tutorials

[sefra]

thanks indeed for such wonderful teaching, in style, pace, clarity and just everything, you're doing a really wonderful job, Ninja!

[shutupcuh]

nobody:
me dont know anything about flutter: flutter is s*ck.
me after watched 20 episodes: holysh*t flutter is amazing.

[mikolajhenzel]

I needed to stop after 3 minutes of watching. This episode was unfortunatelly too fast for me, and naming everything Quotes, quotes, Quote, quote mixed me everything :(

[biggifx]

By far the best Flutter tutorial. Well done brother, we appreciate you great videos

[leamon]

Thanks Ninja. Really enjoy learning Flutter by your tutorial.

[nicoleepoinggis]

20 ep later I finally realise that this guy sound like Korg from that Thor movie. Great tutorial btw! Love the channel

[akhilsarwar]

High quality content.. this is efficient coding

[markg]

It's a bit confusing to have "quote" and "Quote" used over and over again, in so many places, with different meanings and references. Why not use different words to clarify which ones are different from others?

[novacoax]

This are the changes I made to avoid the errors.

quote.dart->
late String text;
late String author;
Quote({required this.text, required this.author});

main.dart->
final Quote quote;
const QuoteCard({super.key, required this.quote});

[worldtechnology]

I have followed all the course and I can say this video is the only video I found myself struggling to understand, maybe because of my weak understanding of OOP.

[yamkochi]

Excellent Excellent..You are one of the best teacher...

[kushsharma]

Till this video I was flying high and thinking Flutter is easy...Was actually fine till the Card function part...But the widget part was a big reality check lol..but now I'm more determined than ever because nothing worth achieving is easy...And thanks for your amazing tutorial (except this video of course lol).