【Flutter】Textを斜体(イタリック)にする

2022年12月4日

こんにちは、フラメルです。

今回はTextを斜体(イタリック)にする方法を紹介します。

Textを斜体にする方法

Textを斜体にするにはstyle>TextStyle>fontStyleの引数にFontStyle.italicを渡します。

Text(
  'Hello World',
  style: TextStyle(
    fontStyle: FontStyle.italic,
    fontSize: 35,
  ),
),

サンプルコード

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter'),
        ),
        body: Center(
          child: Text(
            'Hello World',
            style: TextStyle(
              fontStyle: FontStyle.italic,
              fontSize: 35,
            ),
          ),
        ),
      ),
    );
  }
}

以上です。