Flutter – Text Widget – Italic

Italic Text in Flutter

To display italic text in Text widget in Flutter, set font style to italic in style property for the Text widget.

Code Snippet

The following is a simple code snippet to display italic text in Text widget in Flutter Application.

const Text(
  'Hello World!'
  style: TextStyle(fontStyle: FontStyle.italic),
)

Example

A Flutter Application, with a Text widget to display Hello World in italic.

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(fontStyle: FontStyle.italic),
      ),
    );
  }
}

Screenshot

The following is a comparison between normal text and italic text in Flutter.

Summary

In this Flutter Tutorial, we learned how to set font style of text to italic in Text widget in Flutter Application.