Flutter Styles and Themes Tutorial using Dart. Flutter Tutorial for Beginners #3.6

Access 7000+ courses for 60 days FREE: pluralsight.px...
Flutter beginners tutorial with Dart. Learn to apply styles and theme to your app by using ThemeData class in MaterialApp widget. Also explore how to styles Texts, Button, RaisedButton, TextFields widgets in Flutter.
Next Video: • Flutter Event Handling...
Previous Video: • Flutter Design UI for ...
Code for this video: bit.ly/2ZlJK01
Full Source code files: bit.ly/2NINczC .
.
Please donate and support my work
(If you think my free tutorials are better than paid ones :)
- Patreon: bit.ly/patreon...
- Paypal/Payoneer: [e-mail]
- UPI (only for India): smartherd@okaxis
:: If you want to develop a website or a mobile app, email me your requirement at [e-mail] :: Free demos provided beforehand ::
- Access my premium courses: bit.ly/sriyank...
Free Programming courses:
- Ruby Programming: bit.ly/smyt-r
- Dart Programming: bit.ly/smyt-d
- Kotlin Programming: bit.ly/smyt-k
- Java Programming: bit.ly/smyt-j
- Kotlin Coroutines: bit.ly/smyt-coru
Free Flutter course:
- Flutter App Development: bit.ly/2Rg7EFR
Free Android courses:
- Android using Kotlin: bit.ly/smyt-ka
- Android using Java: bit.ly/smyt-ja
- Android Material Design: bit.ly/2SMJqU6
- Android Jetpack Architecture: bit.ly/yt-j
- Android Multiple Screen Support: bit.ly/smyt-mss
- Android Retrofit: bit.ly/2Ee6GHn
More free programming courses:
- bit.ly/smy-list
Check out my website:
- bit.ly/smartherd
Let's get in touch! [Sriyank Siddhartha]
LinkedIn: bit.ly/sriyank...
Facebook: bit.ly/smarthe...
Instagram: bit.ly/sriyank...
Twitter: bit.ly/sriyank...
Github: bit.ly/smarthe...
--- Thank you for your love and support ---

[@ajaykotiyal427]

Thanks a lot. I am seeing the series. commented not for all videos

[@ibnunuur1349]

Hi Smartherd Plz we miss u Do us such projects again👏👏🥺plz

[@thurainhein2573]

thz bro, more flutter tutorials

[@rinkeshsingh6457]

jabrdst

[@agastyavarma3218]

The color of the buttons change after applying the.of(context) only if onPressed is set to (){} or some valid function, if it is set to null it does not change

[@sansritpaudel8455]

LOVE FROM NEPAL

[@krishnakumarramachandran5888]

Thanks bro

[@anikroy6110]

Need More advance series on Flutter

[@jumajuma9311]

Super tutorials. How does flutter handle layout for multiple screen sizes, layout small, large-land?

[@smartherd]

Will create a video on that

[@josejaimes4965]

Hi Smartherd, Nice tutorial but I would like to know if I can change the font size after (or even in ) the sentence: TextField( keyboardType: TextInputType.number , style: textStyle, //

[@Steve-pg5sz]

I think you have to create your own TextStyle, because Theme.of(context).textTheme.title is final

[@paulinamartinez9244]

I need to create an application so I would like to use a flutter because the code is so simple but I don't know how to use it, hope you will help me like explain to me, not to do all my work

[@jajasaria]

is there a way to group the styling like css? It seems so messy.

[@Steve-pg5sz]

Yes, you can create a widget method that returns a TextField: Widget getTextForm(String labelText, String hintText) { TextStyle textStyle = Theme.of(context).textTheme.title; return Padding( padding: EdgeInsets.only(top: _minimumPadding, bottom: _minimumPadding), child: TextField( keyboardType: TextInputType.number, style: textStyle, decoration: InputDecoration( labelText: labelText, labelStyle: textStyle, hintText: hintText, border: OutlineInputBorder(borderRadius: BorderRadius.circular(5.0))), )); }

[@prafulrane9037]

Does flutter have pick and drop and preview feature like Android studio .

[@prafulrane9037]

Is to compulsory to run for every change in program

[@vigneshkrishnan4786]

Hi Bro I have to try dropdown bottom error help solution and mistake view . There should be exactly one item with [DropdownButton]'s value: Rupees. Either zero or 2 or more [DropdownMenuItem]s were detected with the same value 'package:flutter/src/material/dropdown.dart': Failed assertion: line 834 pos 15: 'items == null || items.isEmpty || value == null || items.where((DropdownMenuItem item) { return item.value == value; }).length == 1'

[@karimovitche]

awesome :)

[@smartherd]

Thanks

[@lowkeygaming4716]

I'm trying this but the font didn't change to white after I change the theme to dark. it will only turn white once I selected the text.

[@smartherd]

Which text?

[@lowkeygaming4716]

@@smartherd the textinputs. the only difference that I did is to set the MaterialApp inside the AppState class instead of setting it in the void main. will it be a problem?

[@cedric_ds]

7:42 it's the accentColor, not the primaryColor

[@Steve-pg5sz]

Nice tutorial, but please avoid repeating the same code many times, otherwise is difficult to mantain or change code