Best 7 Flutter Tips For Beginners
Вставка
- Опубліковано 21 лип 2024
- Flutter Best Tips and Tricks for any Flutter Developer. Best Practices, Widgets, Plugins, Tips and Tricks with Flutter will be deliver into this Video. In other words, in this In this video, we will show you the best 7 tips and tricks with Flutter. These tips are very useful for any Flutter developers. All the Flutter Tips inside this video can be Widgets, plugin or even little tips in order to enhance your Flutter Journey. We really hope that you will enjoy this Top 7 Flutter Tips & Tricks. Let us know in the comments if you think some tips should have been added to this list. The purpose of this video is to show you a lot of Flutter Tips and also maybe give you new widget that may be useful in your future. Also, in this video we use a very great UI Design Responsive App that you can get on GitHub, the link is in the description:
RESSOURCES
Git for the Flutter UI Design Burger App: github.com/fluttermapp/burger...
OVERVIEW
0:00 Intro
0:30 Extensions
0:56 Dark Mode
2:08 Responsive App
2:50 App Icon
3:26 Data Management
4:45 Google Fonts
5:31 Bonus Refactor
6:07 Splash Screen
MISSION
Our mission at Flutter Mapp (Flutter Mobile App) is to help purpose driven Flutter developers go full-time doing what they love and making an impact through coding. We achieve this with useful Flutter tips and clean UI design apps.
COURSES
The complete Flutter course: fluttermapp.com/
RECOMMENDED
Top 30 Flutter tips and tricks: www.youtube.com/watch?v=5vDq5...
Flutter UI design tutorial: www.youtube.com/watch?v=lSzqI...
Newest Flutter update (2.2): www.youtube.com/watch?v=K7uK4...
SOCIAL MEDIA
Instagram : fluttermapp
Twitter : FlutterMapp
Reddit : www.reddit.com/user/fluttermapp
Facebook: FlutterMapp
Website: www.fluttermapp.com
#Flutter
#FlutterTips
#FlutterMapp
Keep the good vibes, ✌️.
![Correct Kicking In Swimming - Swimming Tips For Beginners In Hindi [English Subtitles]](/img/n.gif)
what were you drinking when you were writing the script for this one lmao, very entertaining and useful!
you can also do splash screen followed by onboarding screen for new user with shared preferences package. BTW nice video.
Muchas gracias, está genial el contenido y muy interactivo 🔥
Thank you so much Anderson!! :D have a fabulous day!
amazing video brother!!
please share with us End to End tutorials for Flutter UI one or multi pages tutorials, for ex like the one that you used in that videos, I mean the burger one.
Thank in advance!!
Thanks a lot Ibrahem! If you want the Flutter UI for the Burger App, you can find the Github link in the description of the video 🎉 Also, here is our latest Flutter UI (eCommerce Amazon redesign) : ua-cam.com/video/lSzqI2HGZ0s/v-deo.html on of our best UI yet! Let me know if this is what you want 🙌
Nice, Thanks for info.
Welcome Yash!!! :D
Great and want to know the song in the end LOL !!
Here it is, it is such a good song!!! 🙏🎉✌️ ua-cam.com/video/mB_tNDjdhl8/v-deo.html Thanks a lot for the nice comment and have a wonderful day 紹安 ✌️⚡️
hello, how did you make the vertical lines in the editor solid, I have them dashed line
Hi Mr. M. This is related to your extentions and also the theme of your editor I think. (File, prefererences, Color theme). Have a wonderful day!
Great! By the way, I think a flutter_launcher_icons iconss& flutter_native_splash should place it on dev_dependencies
Thanks Mẫn! Also I think you are right about the dev_dependencies 🤣🙌 Next time will remember! Have a good one ⚡👍✌
@@FlutterMapp You 're welcome! Nice video, again.
@@manle9303 Thanks! Keep the good vibes⚡🙌🔥🌊🍃
This channel diserves many more suscribers. Love the content.
Thank you soooo much! Thanks also for subscribing! Welcome to Flutter Mapp and lets make even better video + learn flutter 🔥🔥🚀🚀🚀🚀🚀
Great Material!
Thank you very much Christian!!! Have a fantastic day!!
thanks for your sharing
Pleasure NoobBoy! Thanks for the very kind comment, this is truly appreciated!! 🎉👍⚡🔥 Have a good one!
Anyway content is great and client, keep it up !
Thanks sooooo much Javohir!! Have a great day!! 🚀🔥
Nice My friend.
Thank you Code With Flutter! Have a nice day!
You are my personal hero 💥👍🔝
loll, I do appreciate it, thanks 🙏🔥
Great video. How do you make those mock-up videos as shown in intro??
This is from the rotato app, here is the link : www.rotato.app/ Hope this help and have a good one Husain! ⚡👍🙌
@@FlutterMapp Thanks a lot. Awesome community you are building up here.
@@shahbazhusain8612 Man thanks a lot! This mean sooooo much to be honest!! Keep the good vibes Husain! 🎉✌🙌⚡
Flutter tips begin with a visual studio tip. Good that you can stay focused on the topic...
looool 😂😂😂 I havent realize until now but you are right Mateusz. 😂😂
Best tips especially on point 4
Thank you RPA Champion! Have a nice day!! :D
Love from India ❤️
Thanks a lot Jake!! Super cool from you, I really appreciate your comment!! Have a wonderful day man!! 👏🎉🙏✌️
Wow now where to start learning flutter : )
ua-cam.com/video/RkGvqjYESPg/v-deo.html This is the video I wish I had when I started flutter! Part 2 is also available on the channel 👏👍 We have also a 31 days challenges playlist to learn flutter from scratch 👏✌⚡
Thanks a lot for the nice comment and have a wonderful day Dungeon Master! ✌🎉
Amazing video thank you 😊
Samah!!! 2 comments from you!! Yeahh!! ahha thanks a lot for the support!! ⚡🎉👍🙌 Have a good one!
@@FlutterMapp You deserve the support from all 👏 Have a nice day too
@@samahab6233 Thanks A LOT!!! 🎉🎉🎉🎉✌️✌️✌️🙏🔥🔥👏👏👏👏🦸🏽♂️🦸🏽♂️! 😄
Nice
Thank you عامة ! Have a nice day!
Nice.
Thanks Kishan! Appreciate the comment! Keep the good vibes 🙌👍⚡
Can you make a personal portfolio ui tutorial?
Hi Choy! Do you mean something like a profile on instagram with personal picture? (portfolio) ?
Have a nice day! Regards, LP
Number 4: I don’t recommend this package, because it don’t support adaptive icons on Android, right? It’s not that hard to do the app icon manually like in native apps.
Interesting Peter! Thanks for sharing, honestly I was not aware of this 😂😂, I do appreciate your comment! 👏🎉⚡️🔥
After writing my comment, I checked it and saw that adaptive icons are possible now - but the package doesn't make it easier, so it's still a useless package (in my case). But I believe, that 50%+ of Flutter users are mobile starters, so it will help them. I'm a 6+ years Android dev, so I know how to create app icons in multiple resolutions and flavors. And I can abstract how to do it for iOS ;)
@@mars3142 That is a good news Peter!! and yeah if you have 6years+ in android dev, I bet you can do it eyes closed 😂😂 I don't really know yet how to do it on Android and it can be a little confusing at start because of the multiple size of images or something like this 😂😂 Thanks for the reply, I do appreciate it man! Keep the good energy! 👏🎉⚡️
So did you build web app and ios app from same codebase?
Yep!! All type of apps from the same codebase which is really cool to be honest! (Android App, IOS App, Windows, MacOS, Linus, and Web) ⚡🙌 Hopefully this help! Have a good one! 🎉✌👍⚡
Wow.. that's very cool.. time saving for sure, can't wait to see more. 👏
@@Moehamad25 Yess! More will come, keep the positive vibes ⚡️✌️
Btw memes were so nice🤓🔥🔥
ahahahha! Thanks again! You are so nice man! I really like you positive energy!! Very appreciate Jake! Keep the good vibes and have a good one! 🚀🤝🔥🙌
It looks like lagging when you resize windows. Is it really or is it because of Screen recorder ?
I think it is because I run the program + the emulator + screen recording 🤣🤣🤣 My computer is like.... bruhhhhhhh 🤣🚀
Response UI is the main problem in my project, when I run a project on Emulator it runs ok. But, when run on my phone (Samsung j6), the UI size will be change.
Yeah UI always changes from different devices, this is why responsiveness is really great 👏
@@FlutterMapp But the Container height and width change with device,
and also padding?
What about Custom Container or shape and Navigation theme in a flutter?
@@adityanagdeve8396 They should all work also 🙌 You can always verify with a real device at the end 🙌
what's the name of the music in the intro
Here it is, it is a really good song!! ahah 🙏🎉 ua-cam.com/video/mB_tNDjdhl8/v-deo.html Thanks a lot for the comment and have a beautiful day BITE ✌️⚡️
@@FlutterMapp thank you, you too :)
@@bity-bite Thanks ⚡✌🙌
thank you so much!
PS - 'TH-eeem' thhhh, not 'team'
Which timestamp? 😂 My english sometime is ..... not the best 😂
Different styles and flavors of using the language is fun. I enjoy it all 🤗
You pro when used Library ?) 😂😂😂
ahahhaha! Not sure... I think you are right 😂😂 I didn't know what to write in the Thumbnail, just write the first thing cross my mind. my bad 😂😂
Really good
Thanks a lot Bhupesh!! This is super appreciate! Have a wonderful day and keep the good vibes 👍✌️🙌🎉
@@FlutterMapp and u make video on MVc on flutter too really neeede right now
@@bhupeshshakya6213 MVc? What it is ? I don't know about this? 😱😱
@@FlutterMapp modal view controller it's a pattern for coding really needed right now 😅😅thanks any way for beautiful content
@@bhupeshshakya6213 Thanks a lot Shakya! Really appreciate your nice comment! I have no clue how to code the Modal View Controller 😂😂 Maybe in the Future tho 👏⚡️🎉🚀 have a good one! ✌️
Where can I learn Flutter from the beginning? Or should I study another thing before learning it? I am a beginner in programming language. Thank you
best course to start with is from udemy with
Dr.Angel Yu, highly recommend to start with.
Hi Vini! I was in the same position as you a while ago! This first programming language I learned was Flutter. So for this you can check the course on Udemy with Angel Yu as 0_ 0 say! She is really good for explaining stuff to be honest. Also we have a course on Udemy that we work on currently and the course is explained for new developer. This is the course I wish I had when I started to learn about Flutter without any coding experience! You seems like a nice man, so you can just use this free Coupon for the Udemy course: www.udemy.com/course/flutter-for-beginners/?couponCode=CA86C9BCF1D09E7C6653 . You will need to redeem the code before 3 days and then you will have access forever for Free! Hopefully this help ! Have a great day and keep the good vibes 👏🙏⚡️
That is such a good course!! Angela is really good to explain things 👏✌️ Thanks for sharing 0_ 0! 🤝
@@FlutterMapp thx to u bro, may i ask u,
i want to create a control panel with flutter web but i don't know from where i should start is there any courses or anything to help me do it let's say i finished the web app how to give it a domain and stuff like that ? that will help alot.
Thanks for sharing your opinions and sources for a beginner. I am from Brazil and I am changing my career to Web Developer. 3 months ago I started a JavaScript and his "families" in Front and Back-End course so it is a huge amount of content, but instead of been scared I felt excited for the first time in years on learning something new. Flutter seems to be difficult for me now. It's a whole new world, but I feeling the same thing. I am looking forward to see more about the course you'd recommended!
shoutout! MotherFlutter😅👌
😂😂
Tip #1 don't use freaking splash screens! It's so dated.
Its not good to use splash screens? If you know why, could you tell me because I still use it 😂 Thanks EpicMap! 🙏
@@FlutterMapp if it's native loading screen, it's fine of course. You have no choice, other than just tweak it. Otherwise just go straight to the app, why bother delaying user away, gazing at your beautiful artwork?
flutter is for noob
ahahha, I will definitively consider myself a noob to be honest 🤣 Do you code Swift and Android apps separately? This seems like a lonnnng journey to know both language, not sure if I could do it 🤣✌⚡ Have a good day Malek! 🙌