# Flutter Text Styling MASTERED in 4 mins — Flutter TextStyles (2026)

## Метаданные

- **Канал:** Programming Guru
- **YouTube:** https://www.youtube.com/watch?v=u72_1O-b_ew
- **Дата:** 05.05.2026
- **Длительность:** 3:52
- **Просмотры:** 142
- **Источник:** https://ekstraktznaniy.ru/video/50147

## Описание

🎨 Master Flutter Text Styling from ZERO to PRO in this complete guide!

In this tutorial, you'll learn everything about styling text in Flutter — 
from the basics of TextStyle to advanced RichText, Google Fonts, 
and app-wide theming.

🔥 What You'll Learn:
✅ TextStyle properties — fontSize, fontWeight, color, letterSpacing & more
✅ Text Decorations — underline, strikethrough, overline
✅ RichText & TextSpan for mixed styles in one widget
✅ Google Fonts integration (zero effort!)
✅ App-wide Typography with ThemeData & TextTheme
✅ Responsive text with MediaQuery & auto_size_text
✅ Best practices to keep your codebase clean



🔔 Subscribe for weekly Flutter tutorials!
👍 Like if this helped you!

#Flutter #FlutterUI #FlutterTutorial #Dart #MobileAppDevelopment

## Транскрипт

### Segment 1 (00:00 - 03:00) []

In our previous part, we have learned about running a simple hello world program in Flutter. In this tutorial, we will learn about text styling in Flutter. So let's start. So first we will go to Android Studio and here we will create a new project. New Flutter project. Select Flutter. From here, click next. And here we will name this text styling. And now we will click on create. Create the project. Here we will select this window. So this window will close and new project will appear here. Now I'll close this readmi. m MD file and this is our plut code. So I'll remove all of this up to here. Backspace this. And now I'll remove this as well. I'll make some space here. And now first we will use con material a. And now inside this material app use home scaffold. And now inside the scaffold it takes body. So for the body I will use center because I want everything to be in the center of the body. So that is why I'm using this center widget. Now here I'll use our uh child text and here I'll pass in hello to everyone from letter. So now here we have text as a child of this body and up to here we have learned in our previous tutorial. Now after this we are starting styling. So here I'll use comma and here I will use style and text style. And now inside this we will provide some text style on this text. So first let me run this and then we will apply styling on this text. So I'll go to device manager start emulator. So now our emulator is running. So we have to select it from here and then click on this run button. Run the project on our emulator. So now it is running. You can see hello to everyone from flutter is shown here. Now we will provide some styling here. So first I will make some space here. And now first we will use here font size. I'll make it 30. then comma and then we will use color colors dot blue. And now if I rerun this. So now you can see here that hello to everyone from plut is shown here in on the screen in blue. We can provide some more styles as well. So I'll put comma at the end of this color. Enter. We will use font weight600, then style dot atallic. And now if I rerun this you can see that uh the weight of the font changes to semi bold and it became now I can use spacing between words and spacing between letters as well. So here I will use letter spacing two and then word spacing I'll use five. And now if I rerun this now you can see that we have space created between letters as well as words. Then after this we can use decoration text decoration dot underline comma. Then we can use uh decoration color decoration colors dot red comma and then can we use decoration style text decoration style dot dashed. And now if I rerun this and now you can see that a red dash line is showing below this text. So in this way you can apply text styles on text and flutter. So let me give you a brief summary. So this line import all the packages that we have widgets like uh text buttons drop-downs etc. This is the main method. From here our program start execution. This run app method or function runs our app. Material app widget give a material app like look and feel. This is the skeleton. This center everything inside the body. This is a text widget which show us the text. And this is this text style widget which takes these different styles and apply that on text. So I think that's all for today. I hope you like the video. If you like the video, please like, subscribe and comment. Thank you.