Flutter Tutorial - User Profile Page UI 2/2 Dark Mode Switch Animation

[@HeyFlutter]

This might help you :) 👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com Source Code: github.com/JohannesMilke/user_profile_ii_example Flutter Layout Basics Tutorial: kzbin.info/www/bejne/r4rbppiKg653oqM Login & Signup Tutorial: kzbin.info/www/bejne/Y2SVeXyph8tlbNE Light & Dark Theme Tutorial: kzbin.info/www/bejne/foSkkmyvnpWCg6M Email Validation Tutorial: kzbin.info/www/bejne/o4ncmpmMf5KBfMU Password Tutorial: kzbin.info/www/bejne/p3LMn4Cdm6aqnpY Navigation Drawer Tutorial: kzbin.info/www/bejne/qqScn2VnZtNrkLc Download Files From Firebase Storage Tutorial: kzbin.info/www/bejne/j3LCl3t5e8R4j8U Upload Files To Firebase Storage Tutorial: kzbin.info/www/bejne/mp69aoedbtBkabc Shared Preferences Load & Persist Data Tutorial: kzbin.info/www/bejne/qauynZ9-iZaGbbs App Bar Tutorial: kzbin.info/www/bejne/mnmld2d_f7-pfs0 Tinder UI Clone Tutorial: kzbin.info/www/bejne/rGLaoJmepNqneM0 Native Splash Screen Tutorial: kzbin.info/www/bejne/bn6oaXawpshghcU Onboarding UI Screen Tutorial: kzbin.info/www/bejne/eYLPcmWmYpKie8k

[@rod5751]

Wow, you're really firing these videos out while keeping the quality high. Thanks again Johannes!

[@yezariaelll]

Johannes, these might be some of the best tutorials out here. Great preparation of the results (the video), the incremental feature implementations, good coverage of topics (they are lightweight tutorials, but thats exactly whats delivered). Little fuss and blabbing on out about unrelating things. Really helping me to quickly get ideas for my hobby app learning flutter quickly.

[@sandeepkarne9256]

Thankyou so much for your videos. You make a great teacher. Please make a video showing flutter form with multiple type of inputs along with above fields like date of birth, age calculation , gender selection and picking items from multiple dropdowns and posting to external server.

[@sandeepkarne9256]

Thankyou for the response

[@kk7420]

Hey, awesome tutorial!! I'd just like to clarify two things: a) How do we save the user input in the editing screen so that it appears on the viewing screen? (I downloaded from your git) b) How does the user change their profile picture? How do we make it so that when the user clicks the "edit profile pic" icon on the editing page, their photo library will come up, enabling them to choose a new profile picture?

[@HeyFlutter]

Thank You K K! Follow this link: medium.com/@tattwei46/flutter-how-to-do-crud-with-firebase-rtdb-ce61e3ce53a I hope you will get your answer 🙂

[@lunaRdeltaY]

third part is here --> kzbin.info/www/bejne/jXetpWiaeK-mitE

[@八重尾立志]

This is an awesome work!!! Thanks a lot.

[@kiranjadhav4793]

Thank you for the great learning video...!

[@HeyFlutter]

You’re most welcome, Kiran Jadhav! 🙂

[@jessenjie6202]

Thankyou so much.., can you demonstrate the save editing process too?

[@HeyFlutter]

Thanks for the idea, Jessen Jie! 🙂 I have added it to my list of ideas for future videos!

[@chipekowasa6571]

So useful thanks again

[@TGR-wf6gd]

Awesome video, thank you very much!

[@SunGkd123]

Great tutorial thank you so much 😁👍

[@munawir7013]

Thanks you for great tutorial

[@Mhysthyckque]

theres an error on "of" which "The method 'of' isnt defined for the type 'ThemeProvider'. Try correcting the name of the name of an existing method, or defining a method named 'of'"

[@aleynaeser2366]

@@HeyFlutter there is the same mistake and i followed all steps :((

[@isaivazquez4443]

@@aleynaeser2366 me 2, i have the same problem and i follow step by step

[@tzimo1944]

Did you ever solve this problem? I have the same issue

[@wujehevankim4802]

2:21 For some reason, when I add "isEdit ? Icons.add_a_photo : Icons.edit," in buildEditIcon, it's saying Undefined name 'isEdit', even if I have put in final bool isEdit and put in this.isEdit = false, in const ProfileWidget({}) Is there something I am missing?

[@HeyFlutter]

Hey, @wujehevankim4802 🙂 make sure you are using it with instance of your class like instance.isEdit

[@Aziz-fk4qb]

What about updating information like name , email and changing image ?

[@HeyFlutter]

Thank you, Stow! 🙂 this video is for a light/dark theme. if you want to update user info you will have to use some backend or local database. check this video : kzbin.info/www/bejne/qauynZ9-iZaGbbs

[@heijun149]

nice video but how i can continue to save the edition in my edit page like changing all the pictures,word and so on So sir is this required to use firebase to done it?

[@josephyazbek1977]

Thank you so much for this video.

[@HeyFlutter]

Hey 😊, @josephyazbek1977! Check out this repo: github.com/JohannesMilke/user_profile_ii_example here you can find latest code

[@eNONO-ot4zh]

Thank u Johannes

[@kellystephen1785]

Thanks for the tutorials. But where did you get Themeprovider from?

[@kellystephen1785]

@@HeyFlutter thanks

[@HeyFlutter]

Thank You Kelly Stephen! Follow this link: pub.dev/packages/animated_theme_switcher I hope you will get your answer 🙂

[@ajaypangare2487]

Make series on AWS amplify with flutter

[@masegommotlana1889]

Facing an image picker error, how does one fix it. I tried the get dependencies didn't help and pub get didn't work too

[@technicalsunny8744]

Nice explain 👍

[@technicalsunny8744]

Please 1 expantion panal example

[@TrikNgonlen]

this is it... ^_^.... thanks @Johannes Milke

[@brokercl]

Hello there, Im facing troubles with provider, could you please explained, thanks

[@brokercl]

Morning Johannes, last week I faced troubles with provider when trying to sign out that I couldnt understood, and now, Im wondering How could do the same but this time using riverpod, thanks, pd sorry by my english

[@pallavidurugkar5812]

ThemeProvider is not working..... means i got error in 'of(context) ' what should i do??

[@HeyFlutter]

Thank You Pallavi Durugkar! Follow this link: stackoverflow.com/questions/70348190/the-method-of-isnt-defined-for-the-type-themeprovider-in-flutter I hope you will get your answer 🙂

[@ayjahanashirova4001]

Hi. Can You make a video about how to integrate with flutter app and google drive. how can we store videos documents and other files . Can You do that? thanks

[@ayjahanashirova4001]

@@HeyFlutter Thanks. We will wait.

[@PabloDiaz-ux1fh]

Hi, Can this be adapted to use it on Firebase??

[@HeyFlutter]

Thank you, Pablo Diaz! 🙂. Yes you can use it with firebase as well.

[@PabloDiaz-ux1fh]

@@HeyFlutter How??? LOL

[@enricoantonio3282]

Johannes, I have some error when following this tutorial. in app_bar class i have this code : AppBar buildAppBar(BuildContext context, bool isEdit) { final icon = CupertinoIcons.moon_stars; final isDarkMode = Theme.of(context).brightness == Brightness.dark; return AppBar( leading: IconButton( onPressed: () { if (isEdit == true) Navigator.pop(context); }, icon: Icon(Icons.arrow_back), ), backgroundColor: Colors.transparent, elevation: 0, actions: [ ThemeSwitcher( clipper: ThemeSwitcherBoxClipper(), builder: (context) => IconButton( icon: Icon(icon), onPressed: () { final theme = isDarkMode ? Themes.lightTheme : Themes.darkTheme; final switcher = ThemeSwitcher.of(context)!; switcher.changeTheme(theme: theme, isReversed: false); }, ), ), ], ); } Problem : 1. the switcher says that it doesn't need a ! because the receiver can't be null. 2. If i delete the '!' on the switcher, my theme doesn't change. Log Says : The following _CastError was thrown while handling a gesture: Null check operator used on a null value (elided 3 frames from dart:async) Handler: "onTap" Recognizer: TapGestureRecognizer#857b9 debugOwner: GestureDetector state: possible won arena finalPosition: Offset(385.5, 43.8) finalLocalPosition: Offset(22.1, 19.8) button: 1 sent tap down

[@enricoantonio3282]

@@HeyFlutter Hi Johannes. Thank you for replying my comment. I solved my error thanks to your solution.

[@HeyFlutter]

Thank You Enrico Antonio! Follow this link: stackoverflow.com/questions/67831006/flutter-error-exception-caught-by-gesture-the-following-casterror-was-thrown I hope you will get your answer 🙂

[@erickvivanco8627]

How you recover controller from child widget?

[@HeyFlutter]

Thank You Erick Vivanco! Follow this link: stackoverflow.com/questions/61504995/how-to-return-a-input-value-from-a-extended-child-widget-to-the-parent-widget-in I hope you will get your answer 🙂

[@TYNEPUNK]

crashes with The following _CastError was thrown building ThemeSwitchingArea(dirty, state: _ThemeSwitchingAreaState#e0cde): Null check operator used on a null value

[@HeyFlutter]

Hello, Radiant Silver Labs! Follow this link: stackoverflow.com/questions/68504727/the-following-casterror-was-thrown-building-game-null-check-operator-used-on-a, I hope it will solve your problem. Thank You 🙂

[@TYNEPUNK]

@@HeyFlutter thanks mate

[@AyushDhengre-ps2dy]

jo code cahiya tha or jis topic pe video banai he main wo to he hi nahi bhai

[@jordanweaver4898]

on line 30 of the main.dart file, the "of" in the line 'theme: ThemeProvider.of(context),' is underlined red and it says "The method 'of' isn't defined for the type 'ThemeProvider'. dart(undefined_method) any idea why I'm getting this? it's the only error I have so far and I've followed everything accordingly....

[@jordanweaver4898]

​@@HeyFlutter this is not correct - I need help with "The method 'of' isn't defined for the ***TYPE***, not class. The ThemeProvider.of isn't showing anything..... "of" isn't defined for the TYPE 'ThemeProvider' I think you might have a flaw in your github code, because i copy pasted it word for word and file name for file name and this error still comes up.... my pubspec.yaml file also is exactly copied. I'll keep trying to figure out this error, but I think your github source code is bugged. When I type out theme: ThemeProvider. (with a period to see list of available functions), nothing comes up!

[@jordanweaver4898]

@@HeyFlutter Launching lib/main.dart on Chrome in debug mode... lib/main.dart:30:32: Error: Method not found: 'ThemeProvider.of'. theme: ThemeProvider.of(context), ^^ lib/widget/appbar_widget.dart:22:44: Warning: Operand of null-aware operation '!' has type 'ThemeSwitcherState' which excludes null. - 'ThemeSwitcherState' is from 'package:animated_theme_switcher/src/theme_switcher.dart' ('../../Utils/flutter/.pub-cache/hosted/pub.dartlang.org/animated_theme_switcher-2.0.5/lib/src/theme_switcher.dart'). final switcher = ThemeSwitcher.of(context)!; ^ Failed to compile application. Exited (sigterm)

[@HeyFlutter]

Thank You Jordan Weaver! Follow this link: stackoverflow.com/questions/60384439/the-method-isnt-defined-for-the-class-flutter I hope you will get your answer 🙂

[@ratkum01]

@@HeyFlutter no, unfortunately it doesn't help.

[@jimcarryus]

sir, why i cant navigate the edit profile widget to profile widget?

[@HeyFlutter]

Thank you, @jimcarryus! 🙂. Please try to provide enough details with your question