New post on /r/flutterdev subreddit:
Building Responsive UI is easy with Wrap Widget
https://twitter.com/erluxman/status/1256871429469020160
May 03, 2020 at 11:02AM by erluxman
https://ift.tt/2WpTdCS
Building Responsive UI is easy with Wrap Widget
https://twitter.com/erluxman/status/1256871429469020160
May 03, 2020 at 11:02AM by erluxman
https://ift.tt/2WpTdCS
Twitter
Laxman
Use Wrap like Column/Row to build responsive UI. It wraps it's children to next row or column, just give it ( direction: Axis.vertical/Axis.horizontal) try in codepen https://t.co/lEStNPPkWi) #day29 #100DaysofFlutter #flutterdev https://t.co/ER2ROy0qCE
New post on /r/flutterdev subreddit:
Implementing blur was never this easy on mobile. Just use Backdrop Widget on Flutter like this.
https://twitter.com/erluxman/status/1257135324582551552
May 04, 2020 at 04:34AM by erluxman
https://ift.tt/2VXGkRI
Implementing blur was never this easy on mobile. Just use Backdrop Widget on Flutter like this.
https://twitter.com/erluxman/status/1257135324582551552
May 04, 2020 at 04:34AM by erluxman
https://ift.tt/2VXGkRI
Twitter
Laxman
To blur a widget, put it below a BackdropFilter widget in a stack. 1. Adjust Gaussian blur level with sigmaX, and sigmaY. 2. Must provide a child to Backdrop it needs a layer to act as a blur. play in codepen https://t.co/3bGTp4PZgP #day30 #100DaysofFlutterβ¦
New post on /r/flutterdev subreddit:
Changing dynamic Theme is super easy (Tips 31 of 100). Just set the themeData to Material/Cupertino App.
https://twitter.com/erluxman/status/1257518010966908928
May 05, 2020 at 05:52AM by erluxman
https://ift.tt/2zZVrl3
Changing dynamic Theme is super easy (Tips 31 of 100). Just set the themeData to Material/Cupertino App.
https://twitter.com/erluxman/status/1257518010966908928
May 05, 2020 at 05:52AM by erluxman
https://ift.tt/2zZVrl3
Twitter
Laxman
Dynamic Theme : Simply create a Stateful Widget which has a variable for ThemeData. Set the value of themeData to Material/Cupertino App your app will be able to change it's theme dynamically π . try on dartpad https://t.co/sxfu6z9TlI #day31 #100DaysofFlutterβ¦
New post on /r/flutterdev subreddit:
Changing the theme dynamically: The Better Way.
https://twitter.com/erluxman/status/1257885359427518466
May 06, 2020 at 06:13AM by erluxman
https://ift.tt/2zgjhsc
Changing the theme dynamically: The Better Way.
https://twitter.com/erluxman/status/1257885359427518466
May 06, 2020 at 06:13AM by erluxman
https://ift.tt/2zgjhsc
Twitter
Laxman
Dynamic Theme β
Improved Versionβ
Create StreamController for theme Use StreamBuilder & set the theme to Material/Cupertino App & your app will be able to change its theme dynamically try on dartpad (clear chache) https://t.co/sxfu6z9TlI #day31 #100DaysofFlutterβ¦
New post on /r/flutterdev subreddit:
I released a Flutter Library for Toast like Badge Message.
A flutter package (library) called `toast_badge` is live now.It can show info badge on any widget and can be called like Toast without context parameter from anywhere in the app.βTo use it, wrap your widget inside
May 08, 2020 at 11:04AM by erluxman
https://ift.tt/2zkAvVs
I released a Flutter Library for Toast like Badge Message.
A flutter package (library) called `toast_badge` is live now.It can show info badge on any widget and can be called like Toast without context parameter from anywhere in the app.βTo use it, wrap your widget inside
ToastBadge
a. Just Wrap any Widget with ToastBadge() like thischild: ToastBadge(child: SettingPage(),),
βb. You can also use the extension method .enableBadge()
on any Widget:child: SettingPage().enableBadge(),
Finally, call ToastBadge.show()
from anywhere in the app.ToastBadge.show("Hello Toast");
βThis was released as my day 33 of 100 Days of Flutter.You can find daily post on this thread :https://twitter.com/erluxman/status/1246608678486065152See the library here :https://github.com/erluxman/toast_badge#day33 #100DaysofFlutter #flutterdevMay 08, 2020 at 11:04AM by erluxman
https://ift.tt/2zkAvVs
Twitter
Laxman
[Thread] From today I will be doing a #100DaysofFlutter series where I will be posting Flutter tips and tricks daily. erluxman.com/00002-100-daysβ¦
New post on /r/flutterdev subreddit:
See how to open Layout Inspector, Timeline, Memory, App Performance, Debugger, Logging & Network monitor in Dart dev tool.
https://twitter.com/erluxman/status/1259315885996638211
May 10, 2020 at 05:12AM by erluxman
https://ift.tt/35JtGJi
See how to open Layout Inspector, Timeline, Memory, App Performance, Debugger, Logging & Network monitor in Dart dev tool.
https://twitter.com/erluxman/status/1259315885996638211
May 10, 2020 at 05:12AM by erluxman
https://ift.tt/35JtGJi
Twitter
Laxman
Very Important π¨ Dart dev toolπ¨ Dev tool contains : Layout Inspector, Timeline, Memory, Performance, Debugger, Logging & Network monitor. AS: Click dart icon on Run tab when app is running. VSCode: "Open Dev Tools" in Command Pallet. #day35 #100DaysofFlutterβ¦
New post on /r/flutterdev subreddit:
Tip #35 Implicit Interface of class
Did you know you can extend and implement a class in Dart?
No need to create `IInterface` to mock a `class`.
No need to extract `IInterface` as Contract / Protocal
Every class implicitly defines an interface containing all the instance variables, methods getter and setters.
1. extends -> must override abstract methods, other methods and variables override optional. i.e can inherit parent's behavior.
2. implements -> Every methdos and variables must be overriden. i.e. can't inherit parent behavior
May 12, 2020 at 11:16AM by erluxman
https://ift.tt/2xZxGsM
Tip #35 Implicit Interface of class
Did you know you can extend and implement a class in Dart?
No need to create `IInterface` to mock a `class`.
No need to extract `IInterface` as Contract / Protocal
Every class implicitly defines an interface containing all the instance variables, methods getter and setters.
1. extends -> must override abstract methods, other methods and variables override optional. i.e can inherit parent's behavior.
2. implements -> Every methdos and variables must be overriden. i.e. can't inherit parent behavior
Dart has implicit Interface of every class class A { //Optional @override for 'extends' && must for 'implements'. var name; //Optional @override for 'extends' && must for 'implements'. void normalMethod() => print("B -> Normal Method"); } abstract class B{ //must @override in both 'extends' and 'implements'. void abstractMethod(); } //Non abstract class C extends A {} // β class C implements A {} //β Must override name & normalMethod() class C extends B {} //β Needs to override `abstractMethod()` class C implements B {} //β Needs to override `abstractMethod()` //Abstract Child abstract class C extends A {} // β abstract class C implements A {} // β abstract class C implements B {} // β abstract class C extends B {} // βSee Daily posts on this threadContribute and give feedback
May 12, 2020 at 11:16AM by erluxman
https://ift.tt/2xZxGsM
Twitter
Laxman
We can both extend and implement a class in Dart extends: β€ Must override abstract members, other members override optional β€Inherits parent's behaviorβ
implements: β€ Every member must be overridden β€ Doesn't Inherit parent's behaviorβ #day36 #100DaysofFlutterβ¦
New post on /r/flutterdev subreddit:
Animating widget switching is super easy with AnimatedSwitcher, See this animation
https://twitter.com/erluxman/status/1260427418743037952
May 13, 2020 at 06:38AM by erluxman
https://ift.tt/2y2l04o
Animating widget switching is super easy with AnimatedSwitcher, See this animation
https://twitter.com/erluxman/status/1260427418743037952
May 13, 2020 at 06:38AM by erluxman
https://ift.tt/2y2l04o
Twitter
Laxman
Use AnimatedSwitcher for a smooth transition when widgets are switched. Provide 1. duration of the transition 2. dynamic child programmatically & 3. TransitionBuilder like Fade, Scale, Rotation try in codepen https://t.co/wGhr2YxHbe #day37 #100DaysofFlutterβ¦
New post on /r/flutterdev subreddit:
It's super easy Use GestureDetector to detect gestures like tap, double Tap, press, LongPress, pan, drag, zoom, etc. (with video)
37th Flutter Tip on 100 days of Flutter.All those callbacks behave like onClick(){} on Button.
May 14, 2020 at 06:33AM by erluxman
https://ift.tt/2LrwyRI
It's super easy Use GestureDetector to detect gestures like tap, double Tap, press, LongPress, pan, drag, zoom, etc. (with video)
37th Flutter Tip on 100 days of Flutter.All those callbacks behave like onClick(){} on Button.
GestureDetector( onTap: //Tapped onDoubleTap: //"Double Tapped onLongPress: //Long Press onLongPressEnd: //Long Press ends onPanStart: // Pan Started onPanUpdate: //"Pan" + paninfo.delta onPanEnd: //Pan Ended onHorizontalDragStart: //"Drag" + draginfo child: Padding( padding: const EdgeInsets.all(48.0), child: InkWell( child: Card( child: Center( child: Text( currentGesture.toUpperCase(), style: TextStyle(fontSize: 20, fontWeight: FontWeight.w700), ), ), ), ), ), );See videohttps://twitter.com/erluxman/status/1260789123452936194βFind all tips here :https://github.com/erluxman/awesomefluttertips
May 14, 2020 at 06:33AM by erluxman
https://ift.tt/2LrwyRI
Twitter
Laxman
Use GestureDetector to detect gestures like tap, double Tap, press, LongPress, pan, drag, zoom, etc. All those callbacks behave like onClick(){} on Button. try on Codepen https://t.co/y3gpSUnwpR #day38 #100DaysofFlutter #Flutter https://t.co/pEUbwPLdGC
New post on /r/flutterdev subreddit:
π§π°Super easy π§π°: How to use AnimatedIcon in βΆ 5 Very Simple Steps? <With Code>
https://twitter.com/erluxman/status/1261518330088710144
May 16, 2020 at 06:49AM by erluxman
https://ift.tt/2X3SWFZ
π§π°Super easy π§π°: How to use AnimatedIcon in βΆ 5 Very Simple Steps? <With Code>
https://twitter.com/erluxman/status/1261518330088710144
May 16, 2020 at 06:49AM by erluxman
https://ift.tt/2X3SWFZ
Twitter
Laxman
We can use AnimatedIcon in 5 simple steps 1.Define a State with SingleTickerProviderStateMixin 2.Define AnimationController 3.Define animation's state 4.Setup AnimatedIcon with the controller 5. Play Animation Codepen https://t.co/tNo5BtxUwO #day40 #100DaysofFlutterβ¦
New post on /r/flutterdev subreddit:
Using short and sweet tear-off instead of A lambda or function call if the caller and calling functions have the same arguments.
https://twitter.com/erluxman/status/1263300974904410112
May 21, 2020 at 04:51AM by erluxman
https://ift.tt/2LJp903
Using short and sweet tear-off instead of A lambda or function call if the caller and calling functions have the same arguments.
https://twitter.com/erluxman/status/1263300974904410112
May 21, 2020 at 04:51AM by erluxman
https://ift.tt/2LJp903
Twitter
Laxman
Whenever possible, we should use tear-off instead of A lambda and function call if the caller and calling functions have the same arguments. #day45 #100DaysofFlutter #Flutter
New post on /r/flutterdev subreddit:
Implementing Image filters in Flutter
https://twitter.com/erluxman/status/1263755429579898880
May 22, 2020 at 11:04AM by erluxman
https://ift.tt/2ZrIpre
Implementing Image filters in Flutter
https://twitter.com/erluxman/status/1263755429579898880
May 22, 2020 at 11:04AM by erluxman
https://ift.tt/2ZrIpre
Twitter
Laxman
Want to apply filter to image/widget? ColorFiltered( colorFilter : ColorFilter.mode(https://t.co/RNtSf2kBiS,BlendMode.multiply), child: image/widget ) Try different BlendMode and colors. get code here. https://t.co/lB2D74WnmH #day46 #100DaysofFlutter #Flutterβ¦
New post on /r/flutterdev subreddit:
Quick & Easy: Create a Gradient / Image overlay/Mask (Like burning text effect) to any Flutter Widget with ShaderMask. [See the snippet and output]
https://twitter.com/erluxman/status/1264034430517014528
May 23, 2020 at 05:28AM by erluxman
https://ift.tt/2LSISKV
Quick & Easy: Create a Gradient / Image overlay/Mask (Like burning text effect) to any Flutter Widget with ShaderMask. [See the snippet and output]
https://twitter.com/erluxman/status/1264034430517014528
May 23, 2020 at 05:28AM by erluxman
https://ift.tt/2LSISKV
New post on /r/flutterdev subreddit:
πImports on Steroids π, What is the use of as, show, and hide mean in import statements?
https://twitter.com/erluxman/status/1265470703043633153
May 27, 2020 at 04:33AM by erluxman
https://ift.tt/2yAF8e9
πImports on Steroids π, What is the use of as, show, and hide mean in import statements?
https://twitter.com/erluxman/status/1265470703043633153
May 27, 2020 at 04:33AM by erluxman
https://ift.tt/2yAF8e9
Twitter
Laxman
π Import on Steroids π as : Differentiate two or more libraries that have conflicting identifiers show : Show only certain class and hide everything else from it. hide : Hide only certain class & show everything else from it. #day52 #100DaysofFlutter #Flutter
New post on /r/flutterdev subreddit:
π Difference between final & const in dart π―
https://twitter.com/erluxman/status/1265903219219116032
May 28, 2020 at 09:33AM by erluxman
https://ift.tt/2X6JQK4
π Difference between final & const in dart π―
https://twitter.com/erluxman/status/1265903219219116032
May 28, 2020 at 09:33AM by erluxman
https://ift.tt/2X6JQK4
Twitter
Laxman
π―Dart final vs constπ― final and const in dart are confusing to the level we think both of them are the same. Let's see their differences: #day53 #100DaysofFlutter #Flutter
New post on /r/flutterdev subreddit:
You would be surprised Doing Navigation, Dialog, and Snackbar was ever would be this easy and clear: Use get package.
https://twitter.com/erluxman/status/1266642558899257346/photo/1
May 30, 2020 at 10:10AM by erluxman
https://ift.tt/36KVdKT
You would be surprised Doing Navigation, Dialog, and Snackbar was ever would be this easy and clear: Use get package.
https://twitter.com/erluxman/status/1266642558899257346/photo/1
May 30, 2020 at 10:10AM by erluxman
https://ift.tt/36KVdKT
Twitter
Laxman
Bored of writing `PageRoute`,`context` and `builder` without actual use of them just to navigate to different Widget? Thanks to JonnyBorges we now have get navigation package. Once you use get You never be upset https://t.co/ReQOgHAbId #day55 #100DaysofFlutterβ¦
New post on /r/flutterdev subreddit:
Are you still confused about Flutter path while installing Flutter in the first try on mac/Linux? This will solve your issue.
https://twitter.com/erluxman/status/1267702470181916672
June 02, 2020 at 08:38AM by erluxman
https://ift.tt/2yZAnLq
Are you still confused about Flutter path while installing Flutter in the first try on mac/Linux? This will solve your issue.
https://twitter.com/erluxman/status/1267702470181916672
June 02, 2020 at 08:38AM by erluxman
https://ift.tt/2yZAnLq
Twitter
Laxman
If you still can't fully install Flutter in the first try like me, this might be helpful: Find command here https://t.co/dKnhGPeBJ1 #day58 #100DaysofFlutter #Flutter
New post on /r/flutterdev subreddit:
Displaying SVG file is just like displaying png or jpg with flutter_svg
https://twitter.com/erluxman/status/1268408443896868866/photo/1
June 04, 2020 at 07:36AM by erluxman
https://ift.tt/3dBVAdi
Displaying SVG file is just like displaying png or jpg with flutter_svg
https://twitter.com/erluxman/status/1268408443896868866/photo/1
June 04, 2020 at 07:36AM by erluxman
https://ift.tt/3dBVAdi
Twitter
Laxman
Even though flutter doesn't support any vector graphics out of the box, the package flutter_svg can render svg into the Flutter app You can use it like the Image .asset() .network() .file() get flutter_svg https://t.co/C8gCnenLed #day60 #100DaysofFlutterβ¦
New post on /r/flutterdev subreddit:
Easily add "Build Passing" badge on your Flutter/Dart Project
https://twitter.com/erluxman/status/1271304113452486657
June 12, 2020 at 07:06AM by erluxman
https://ift.tt/37nGUw0
Easily add "Build Passing" badge on your Flutter/Dart Project
https://twitter.com/erluxman/status/1271304113452486657
June 12, 2020 at 07:06AM by erluxman
https://ift.tt/37nGUw0
Twitter
Laxman
Want a "Build Passing" badge on your README? π > Create github/workflows/main.yml with build steps on root directory > Add the build badge on your https://t.co/yL6Ota26Th. > Commit. β
Commands and snippets : https://t.co/yHkNkWeIIp #day67 #100DaysofFlutterβ¦
New post on /r/flutterdev subreddit:
84 tips done more coming. #100daysOfFlutter
Just added 7 More tips (78-84) to β€οΈ Awesome Flutter β€οΈ tips and tricks β€οΈIt has become a pretty good set of tips that I come back when I get stuck.I am really glad that I am able to help folks and absolutely love your messages.πThanks so much for your support. ππΌThere are just 84 tips till now but I want to turn it into a repo where one can come and find tips for most of the important aspects of Flutter.For that purpose, your feedback and contributions will help a lot.I am a beginner in Opensource, sometimes I might make silly mistakes but I will cover them up with my good intentions, helpfulness, and consistency.You can make any suggestions/requests for specific or kind of tips on the Github issue [here](https://github.com/erluxman/awesomefluttertips) .I will address them as much as possible.
June 29, 2020 at 09:01PM by erluxman
https://ift.tt/38aSdbr
84 tips done more coming. #100daysOfFlutter
Just added 7 More tips (78-84) to β€οΈ Awesome Flutter β€οΈ tips and tricks β€οΈIt has become a pretty good set of tips that I come back when I get stuck.I am really glad that I am able to help folks and absolutely love your messages.πThanks so much for your support. ππΌThere are just 84 tips till now but I want to turn it into a repo where one can come and find tips for most of the important aspects of Flutter.For that purpose, your feedback and contributions will help a lot.I am a beginner in Opensource, sometimes I might make silly mistakes but I will cover them up with my good intentions, helpfulness, and consistency.You can make any suggestions/requests for specific or kind of tips on the Github issue [here](https://github.com/erluxman/awesomefluttertips) .I will address them as much as possible.
June 29, 2020 at 09:01PM by erluxman
https://ift.tt/38aSdbr
GitHub
GitHub - erluxman/awesomefluttertips: β€οΈ Awesome Flutter Tips and Tricks β€οΈ
β€οΈ Awesome Flutter Tips and Tricks β€οΈ. Contribute to erluxman/awesomefluttertips development by creating an account on GitHub.