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
The following is a comparison between normal text and bold text in Flutter.
Summary
In this Flutter Tutorial, we learned how to set font weight of text to bold in Text widget in Flutter Application.