Bold Text in Flutter
To display bold text in Text widget in Flutter, set font weight to bold in style
property for the Text widget.
Code Snippet
The following is a simple code snippet to display bold text in Text widget in Flutter Application.
const Text(
'Hello World!'
style: TextStyle(fontWeight: FontWeight.bold),
)
Example
A Flutter Application, with a Text widget to display Hello World
in bold.
main.dart
import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
static const String _title = 'Flutter Tutorial';
@override
Widget build(BuildContext context) {
return MaterialApp(
title: _title,
home: Scaffold(
appBar: AppBar(title: const Text(_title)),
body: const MyStatefulWidget(),
),
);
}
}
class MyStatefulWidget extends StatefulWidget {
const MyStatefulWidget({Key? key}) : super(key: key);
@override
State<MyStatefulWidget> createState() => _MyStatefulWidgetState();
}
class _MyStatefulWidgetState extends State<MyStatefulWidget> {
@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.all(20),
child: const Text(
'Hello World',
style: TextStyle(fontWeight: FontWeight.bold),
),
);
}
}
Screenshot
![](https://googleflutter.com/wp-content/uploads/2022/01/flutter-text-bold-1.png)
The following is a comparison between normal text and bold text in Flutter.
![](https://googleflutter.com/wp-content/uploads/2022/01/flutter-text-bold-2.png)
Summary
In this Flutter Tutorial, we learned how to set font weight of text to bold in Text widget in Flutter Application.