At Codemagic, we strongly believe that in order to build quality apps faster, it makes sense to use the best tools for the job and learn from others.
Once again, we have collected some #FlutterTips shared by amazing #FlutterDev from the community to help other developers speed up their development.
We have smart hacks about widgets, deploying apps, bloc and the biggest announcements from the #flutterverse!
Happy building!
Twitter tip #1
If you Podfile is not generated properly, follow this workaround:
If your Podfile is not generated properly for some reason - just remove it manually (+ Podfile.lock) and run "flutter run" command-line tool afterward. Spent an hour fighting this sh*t.#FlutterTip
— Eugene Saturov (@saturovv) July 21, 2020
Twitter tip #2
Did you know that @remi_rousselet has about 1K answers on Stackoverflow? Take this advice and run! ๐
Did you know?
— Remi Rousselet (@remi_rousselet) July 20, 2020
You can use try/finally inside an async* function to clear resources when the stream is no-longer listened
This means you can:
- open a connection
- listen to its result
- close the connection when no-longer listened or on error
all within a single function pic.twitter.com/MbqQgEPiUa
Twitter tip #3
When deploying your Flutter app to the Play Store and App Store, how do you keep your Android and iOS build and version numbers?
Always the same version number and build number. I increment the build number by 2 and if I need to fix a config and not change the code then I increment by 1. I also keep the same version number on the web using โmain.dart.js?version=1.0.0.12โ and desktop too.
— Rody Davis (@rodydavis) July 4, 2020
Twitter tip #4
A hidden gem here! @erluxman has joined #100DaysofFlutter series and has been posting Flutter tips and tricks to Awesome Flutter Github. 98 hacks and counting!
We need to show loading/progress in almost every app, but CircularProgressBar is boring.
— Laxman (@erluxman) July 12, 2020
flutter_spinkit provides awesome Progress indicators.
visit packagehttps://t.co/BVOK9fmusE
๐ฅTip : Type SpinKit > Ctrl+SPACE >see possible indicators.#day98#100DaysofFlutter#Flutter pic.twitter.com/rf5sPkNRvp
Twitter tip #5
Autocomplete the widget? Yes, please!
Daily #FlutterTip
— Adem Furkan รzcan (@AdemOzcan68) July 14, 2020
If you need to autocomplete widget you can look to flutter_typeahead.https://t.co/75B7yNJ0g4
Twitter tip #6
If you need to include an Authorization header in all you HTTP calls, follow this advice:
Flutter Tip:
— Guilherme Silva (@GuiSilvaV) July 25, 2020
Do you need to include an Authorization (or some other) header in all your HTTP Calls? Try creating a custom Http Client: https://t.co/CwKQu0BsSc pic.twitter.com/V8dBnJuIi1
Twitter tip #7
When you deal with translate method in any String that uses AppLocalizations to translate String, follow this advice:
Fluter Tips #1
— Flutter Azerbaijan (@flutter_aze) July 27, 2020
You can call translate method in any String that uses AppLocalocalizations to translate String.
! It is important to call translate method with keys
defined in language jsons - en.json and so on.#flutter #flutter_tips #programming #google pic.twitter.com/03pNX2tN7N
Twitter tip #8
An easy solution to add some extra security to your app:
#dartlang #FlutterDev Easy Win #2:
— Andrea Bizzotto ๐ (@biz84) July 25, 2020
โก๏ธUse type annotations for safer code. pic.twitter.com/PgI0pjihPH
Twitter tip #9
Did you know?
Flutter bloc tip ๐ก
— Alfredo Bautista ๐ (@alfredobs97) July 6, 2020
This method of call Constructor let you inject custom repositories for testing your bloc#flutter pic.twitter.com/wzVWExY01N
Twitter tip #10
VS Code debugging hack to remember to save a lot of time. ๐
Flutter tip: Next time when you are debugging on VS Code make sure you press Ctrl+F5 rather than just F5.
— Deepak K J (@k_j_deepak) July 2, 2020
Wasted a complete day hunting the bug! ๐ฅ๐๐ญ#flutterdev #flutter #flutterindia @FlutterDev @redbrogdon @code This needs to come with a warning /alert message somewhere.
Twitter tip #11
Did you know about “open in editor” option? ๐
I've just found out about the "open in editor" button for global searches on vscode
— Remi Rousselet (@remi_rousselet) July 16, 2020
How did I live without this option before?! ๐คฏ pic.twitter.com/zMz2Kh0dyV
Twitter tip #12
How to deal with sensitive data (credentials, secret keys, ...) in your dart code ? ๐
— Aloรฏs Deniel (@aloisdeniel) July 30, 2020
Put it in a dedicated file, add ignoring rules to git, and add a template file to indicate developers/CI how to create a local version of the file.. ๐ก pic.twitter.com/ODsbACbjCY
Major updates from the #flutterverse
Flutter on StackOverflow
Flutter has seen incredible growth. Flutter is the most active UI framework when it comes to % of questions on StackOverflow.
Interesting to look at UI framework trends on @StackOverflow. Our growth is largely thanks to amazing #Flutter experts who answer questions, including @remi_rousselet, @gzoechi, @diegoveloper, @a14n, @peterhdd and so many others. Thank you so much! https://t.co/z0OIl4fP3E pic.twitter.com/AdNN5Mcy8G
— Tim Sneath (@timsneath) July 20, 2020
Updated pub.dev site
Flutter team released fresh pub.dev site to provide you with a better understanding about the packages and give improved feedback to package publishers.
๐Today weโre launching a new https://t.co/sTPwVxut8i site!
— Flutter (@FlutterDev) July 15, 2020
โ New scoring metrics to get a better understanding of useful packages, and feedback on how to improve quality.
โ Support for finding multiplatform packages, and a redesigned UI.
Read here โ https://t.co/481epjcg3C pic.twitter.com/1LOeg4JbHn
Flutter quarterly survey
It’s time for Flutter quarterly user survey for Q2 2020 and the results are in!
๐Q2 2020 Survey Results are in!
— Flutter (@FlutterDev) July 22, 2020
๐8,000 respondents and an all-high score for satisfaction.
๐ฑ92% of the users are positively satisfied with Flutterโs mobile performance.
Get the results here โ https://t.co/Us9vBXKwl2
Flutter web
And the biggest news of them all! Flutter updated their web support and at the same time announced that @Rive_app is fully rewritten in Flutter!
๐ Web support update!
— Flutter (@FlutterDev) July 29, 2020
๐ Full use of the web to enable rich interactive experiences without having to rewrite existing Flutter code.
๐ก@Rive_app 2 is rewritten in Flutter, and offers both web and desktop versions from the same codebase!
Learn here โ https://t.co/rDIP3nfLwW
Flutter_bloc library
THE BIGGEST BLOC RELEASE (v6.0.0) IS HERE!
— Felix Angelov ๐ฆ๐ (@felangelov) July 22, 2020
๐ฅ bloc and cubit join forces
๐ all of your favorite bloc packages
๐ updated documentation and migration guide
๐งโ๐ updated tutorials coming soon!https://t.co/xKiaIp4y3F pic.twitter.com/BPinMArioR
And some fun ๐
We too had a joke about Provider, but you wouldn’t get_it.
I have a Flutter joke but it's not a Widget https://t.co/FfbQX3tTpD
— @escamoteur@social.tchncs.de ๐๐ฆ๐ด๐๐๐ (@ThomasBurkhartB) July 25, 2020
React Native is better, change my mind.
๐ค#Flutter devs!
— Marie Jaksman (@MarieJaks) July 23, 2020
What NOT to say to a Flutter developer?