In this article, we will be implementing Flutter text align center with a proper explanation and by using an easy Flutter example. We will be discussing each and everything about Flutter text align center so you can easily implement it in your code as well. So let’s not wait anymore and get right into implementing Flutter text align center.
What is Flutter Text Align Center?
Flutter text align center is the method of making the text alignment to center. Let’s understand it using a proper example. First we will see what the default Flutter text alignment is and then how to change it to Flutter text align center.
Default Flutter Text Alignment
In order to see the default Flutter text alignment, we just have to use a simple Flutter text widget and pass a long text in it to see what alignment is given by default to that text. See the below code:
Text( 'This is the default Flutter text alignment. This is the default Flutter text alignment.')
Implementing Flutter Text Align Center
So now let’s implement the alignment to center. For that, we have to use the text align constructor of the Flutter text widget class. We just have to pass TextAlign.center to the text align constructor of our Flutter text widget class. See the below code:
Text( 'This is the centered Flutter text alignment. This is the centered Flutter text alignment.', textAlign: TextAlign.center, )
Flutter Text Align Center Implementation 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: Padding(
padding: const EdgeInsets.all(15),
child: Text(
'This is the centered Flutter text alignment. This is the centered Flutter text alignment.',
textAlign: TextAlign.center,
style: TextStyle(
color: Colors.blue, fontWeight: FontWeight.bold, fontSize: 15),
),
)));
}
}Conclusion
To conclude, now we have a good practical knowledge of how to implement Flutter text align center. I would love to see you comment and share your thoughts regarding this post. I also have other amazing and informative articles on Flutter widgets, Flutter app development, Flutter animations, amazing Flutter templates with source code, and many more. Thanks for reading this post.
