Flutter Text Widget

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.