15 Flutter Tips That MIGHT Improve Your Work

here are 15 flutter tips and tricks you should know starting with the first one custom paint custom paint will let you use the canvas and a paint to let you draw anything on the screen just to find a class extend the custom paint override the paint and shoot paint method and then we can start painting for example here we can take the canvas and draw a circle in the middle of the screen look at this masterpiece you want to improve accessibility in your app then maybe semantics are what you're looking for just wrap whatever widget you have with a semantics widget it has a bunch of properties let's just set the label to red circle look he's back with a name and the next one is clip widgets there are quite a few of them but they work the same way here we have a simple red square and in this case let's just wrap it in a clip oval and hey we have our circle back you're now herald now we're not debugging gods until we learn how to use the dev tools let's imagine you have some ui or performance issues well we can open the dev tools and open the page we want to see for example we can navigate to the performance page this will make it easier to debug if you have some kind of performance issue and where that is though be aware if you are shaking for performance make sure to be running your application in profile mode you're not just limited to the material import but you can also use capitino or widgets so most of you probably use the typical material import but we can also use the kupercino as well as the widgets have you ever want to see the dependencies of your flutter app well there is a command for that navigate to the terminal of your project and run flutter pub depths here you can see an awesome looking tree with all of your dependencies of this project another amazing tool is that you can migrate code let's say something has updated and you have some deprecated code just open the context menu and resolve it and bing bada boom we have some magnificent code now what if you have hundreds of these in your project we just use the all-knowing flutter fix open the terminal for your project run dart fix dash apply and now you don't have to manually fix these problems hey you who me what do you have there noise are you using river pod and vs code well i've made a package for that with this extension we have all of the different providers in easily to use snippets we even have a pr ready for 1.0 of river pod now here comes some additional tips from the flutter map channel so if you love these tips you will probably love his tips as well you can change the language of your app with the flutter localization and intel package you need to use the app localization inside your text and you can change the local english for spanish and then you will have your application in spanish to animate your application in 3d you can use the transform widget inside you use the transform and the matrix 4 and you can use the gesture detector in order to move the app or any widget what if you would like to have a scrollable bottom up bar you could use the draggable scootable sheet for this and you can put the minimum and maximum size and then you add inside the builder the bottom up bar thanks man now let's take a look at type definitions now imagine you have a type that you have to write over and over again well you can use typedef to create a new reference that you can use wherever you want and now on to the next tip what if we want to make our snack bar look a bit better by making it float here we have a typical snack bar where we construct the snack bar and then use the scaffold messenger to show the snack bar now if you want to make this floating just go to the snack bar behavior and set that to floating have you ever wanted to change the scroll physics of a scrollable widget well that can be done very simply by going into the scrollable widget and setting the physics to the physics that you want in this case i want my listview to always use the bouncing scroll physics that ios uses have you ever wanted to try and make a gaming flutter then flame might be for you i have a full video here where i create my first flutter game and what do you know maybe your next app will actually be a game

Channel: Robert Brunhage

Views: 11,252

Keywords: Flutter, Flutter tips, flutter tips & Tricks, Flutter quick tips, flutter tutorial, flutter 2021 tips, flutter tips project, flutter tips and tricks, flutter tricks, flutter development tips, flutter tips 2021, flutter tips and tricks 2021, Robert Brunhage, dart tips and tricks, dart tips & tricks, flutter 2.3 tips, flutter 2.2 tips, flutter 2.0 tips

Id: Y8KIp5_zeiM

Length: 4min 9sec (249 seconds)

Published: Tue Jul 27 2021