Skip to content
Hallway
0:00 / 0:00

#flutter#materialdesign#materialtheming

Material Theming with Flutter (Flutter Interact '19)

Flutter

634K subscribers • 138 videos on Hallway

YouTube
  • Recommended by 2 people: 2 in engineering communities.
  • Presented by Yasmine Evjen
  • Made by the vendor. The company whose product it covers made or sponsored it.
  • May be out of date. Uploaded 6 years ago, in an area where tools change fast.

Intermediate. Assumes working knowledge.

49K views6 years ago2 recommendations

Mobile developmentSoftware designFlutter and React NativeDesign patterns

Yasmine Evjen explains how to customize Material Design themes in Flutter to better reflect a product's brand.

Discover how Google made Material Design more expressive and how teams can customize Material’s style to better reflect their product’s brand. In this session, learn how you can create your own Material Theme using Flutter. All sessions → goo.gle/FlutterInteract19 Get started at → flutter.dev Subscribe! → goo.gle/Flutter Presented by → Yasmine Evjen To help us make future events better, please fill out this survey → goo.gle/2E5eKrP Photo Album → goo.gle/FI19Photos event: Flutter Interact 2019; re_ty: Publish; product: Flutter - General; fullname: Yasmine Evjen;

Why it's here

2 people recommend this

What people say. Recommended for understanding how ThemeData properties affect various components in Flutter.

Moments people linked to

u/themindstormin r/FlutterDev • Recommends

Properties in ThemeData and component properties they affect I feel like I've been searching for this for too long: What do each of the properties in ThemeData affect? If I want to change something, say the text style of a particular widget, how do I know which text style to change in ThemeData? Take this example: I wanted to have a specific text style for my AppBar (top app bar). I'm not sure if I'm not going about this correctly, but it took me a while to realize that it is `textTheme.title`, a property of `AppBarTheme()` that changes the app bar text style. Also, for buttons, for the textTheme, I could put ButtonTextTheme.primary, or ButtonTextTheme.secondary. What exactly are the dif…
32View on Reddit

u/wondertalikin r/FlutterDev • Recommends

Flutter App Theme playing Hey, inspired by "Material Theming with Flutter (Flutter Interact '19)" I created this demo app for playing with colors of flutter color scheme and going to improve. Enjoy.
2View on Reddit

Luiz Filipe Medeiraon Stack Overflow • Mentions

On “How do I use google fonts on defining a theme in flutter”

Paste the code below in your theme file, and add it to your ThemeData(textTheme: textTheme) final TextTheme textTheme = TextTheme( headline1: GoogleFonts.roboto( fontSize: 97, fontWeight: FontWeight.w300, letterSpacing: -1.5), headline2: GoogleFonts.roboto( fontSize: 61, fontWeight: FontWeight.w300, letterSpacing: -0.5), headline3: GoogleFonts.roboto(fontSize: 48, fontWeight: FontWeight.w400), headline4: GoogleFonts.roboto( fontSize: 34, fontWeight: FontWeight.w400, letterSpacing: 0.25), headline5: GoogleFonts.roboto(fontSize: 24, fontWeight: FontWeight.w400), headline6: GoogleFonts.roboto( fontSize: 20, fontWeight: FontWeight.w500, letterSpacing: 0.15), subtitle1: GoogleFonts.…
16View the answer