In this Flutter post, you will get an example of how to change Flutter text size. We’ll use a step by step explanation approach to understand the customization of Flutter text size, which means that you’ll be ready to easily incorporate it to your Flutter app code as well. Let’s not wait more and begin modifying the customization of Flutter text size.
What is Flutter Text Size?
Flutter text size is the size of the text that is specified in the Flutter text widget. We will first seethe default size of Flutter text widget and then we will change the size of Flutter text which is the reason you are reading this post. So let’s start implementing it using an easy Flutter example.
Default Flutter Text Size
To see what the default Flutter text size is, you have to implement a simple Flutter text widget. For demonstration, I have passed some text to the Flutter text widget so to see what the default size of Flutter text will look. See the below code:
Text('This is the default text size')
Change Flutter Text Size
Changing the size of Flutter text widget is very easy. You have to use the style constructor of the Flutter text widget then pass it the text style class and using the font size constructor of the text style class, we can easily change the size of Flutter text. The font size constructor takes a double(decimal) value but passing it integer will work just fine(it will automatically convert it). For demonstration, I have passed it a value of 25 to see what change it will do to the Flutter text size. See the below code:
Text( 'This is the custom text size', style: TextStyle(fontSize: 25), )
Custom Flutter Text Size Source Code
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Homepage(),
);
}
}
class Homepage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return SafeArea(
child: Scaffold(
body: Center(
child: Padding(
padding: const EdgeInsets.all(15),
child: Text(
'This is the custom text size',
style: TextStyle(fontSize: 25),
),
),
)));
}
}Conclusion
In conclusion, we have a thorough understanding of practical code implementation of how to customize Flutter text size. I’d love to hear what you think about this article. For you, I also have other valuable articles on Flutter widgets, practical Flutter templates with source code, Flutter app development, Flutter animations, and many more. Thank you for reading this Flutter post.
