How to use Themes in

Use Themes to create a consistent look and feel across your Material App in Flutter.
Watch more Flutter Shorts → goo.gle/Flutte...
#Flutter
Speaker: Khanh Nguyen
Products Mentioned: Flutter

[@Manuel-wj1xs]

The big problem come when de design team use 10000 different colors and other 10000 types different of text styles XD

[@heysuvajit]

I hope figma gives options to export theme data in future 😊

[@BooleanDev]

you can use Theme extensions for those

[@hvsciverius]

fire them XD

[@hafidzrahman328]

That why u should define design system guidelines to keep the design consistent 😃

[@Manuel-wj1xs]

@@hafidzrahman328 That only could happened in a perfect world Xd

[@fluttertyro]

Global styling using theme makes work easier without repetition

[@fernandocruz7715]

Very good information, thanks a lot...

[@iam_alizaffar]

So consisting and creative for working faster

[@olteanumihai1245]

Theme extensions are the best part, a way to extend themes with custom objects.

[@raranibar]

thanks for this information

[@يحيىالابيض-ت1ط]

I've been using Theme.of(context) all the time til I stumbled on a terrible bug. The widget in which I was using Theme.of(context) had a future builder with a request to my backend and kept rebuilding more than 10 times in milliseconds flooding the server with requests! I stopped using it since then

[@يحيىالابيض-ت1ط]

@@TekExplorer I did realize that, but if one line of code used to set the color of something makes my screen rebuild over 10 times in one second for no reason, that's a big problem that may cause even more problems.

[@SkillsVsDegree]

I'm new to mobile apps. Which one is good? Flutter or react native?

[@techplanet001]

Flutter

[@nestorsebastiangarzoncontr1295]

Flutter

[@pravinpalkonda8447]

How to set the border colour for container as per material state property? Like hovered, pressed, select etc . How we can get material state property of any widget?

[@BooleanDev]

try looking at how the material buttons do it and copy it

[@brayantiwa]

Is there a way to specify a fontFamily for big characters (big size) and another for the default size ? Without defining all the parameters of texTheme(bodyMedium/Large/Small, head....)?

[@onwukadaniel3387]

Yes inside your text theme, like this: titleLarge: TextStyle( color: Colors.black, fontSize: 30, fontFamily: "Inter", ), titleMedium: TextStyle( color: Colors.black, fontSize: 20, fontFamily: "OpenSans", ), .....

[@brayantiwa]

@@onwukadaniel3387 So from titleLarge to the bigger the font will be "Inter", and the other(title medium to the smaller one) will be "Open sans" ?

[@brayantiwa]

@@onwukadaniel3387 thanks

[@AmirGolmoradi]

what is the name of that Vscode Theme ?

[@kalkichangemaker]

Hi Flutter team, I'm want to create a qr or barcode generator app in flutter, Is there any source or info ?

[@AnythingGodamnit]

Others have alluded to this, but the big problem with Flutter themes is that they are generalized to material design and almost certainly won't correlate with anything you get from a designer, nor will they have the desired semantics. A good designer will provide a strict set of colors, fonts, spacings, etc that are then used consistently to build up other components. This leaves the developer needing to do a bunch of jumping around figuring out how the design translates into Flutter's style objects. I've found it's actually easiest to completely ignore Flutter's theme support and define my own (using inherited widget), along with theme widgets that consume that data. That way when writing a feature I take the Figma design, see that it has a certain type of button, and it maps directly onto an already defined widget in my code base. Much easier.

[@gokhanserkan5616]

flutter's tree structure is very complex

[@minseokjeong1881]

Anyone who use theme raise your hand. Anyone who doesn't use theme raise down your hand. I'M NOT USE THEME

[@sadiksaroar7053]

Code source

[@denisbogoslovskiy6208]

Lol im use this two years , nothing new

[@JamesWright-e7w]

I Can do that with out having to do that I just need another person phone and my phone and my email my account T-Mobile account and I would like to be a big deal

[@eKizify]

This is mostly useful for a material app 😅

[@tibrec8]

For Cupertino is useless

[@hantonrech]

Flutter = no job oportunities

[@abrorbobomurodov2361]

In your dream