Flutter Text
Flutter Text widget displays text in a Flutter Application.
We may style the text using style
property of Text widget class.
The following is a simple code snippet to create a Text widget in Flutter Application.
Text('Hello World!')
Example
A Flutter Application, with a Text widget to display Hello World
.
Do not get baffled by all the code, just concentrate on the last line of code that contains Text('Hello World')
.
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'),
);
}
}
Screenshot
Summary
In this Flutter Tutorial, we learned how to create a Text widget in Flutter Application.