太字と斜体

CoddyのFlutterジャーニー「はじめてのアプリ」セクションの一部。レッスン 8/32。

TextStyleには複数の設定を一度に保持でき、設定はカンマで区切ります。そのうち2つは文字の形を変えます。

Text(
  'Read me',
  style: TextStyle(
    fontWeight: FontWeight.bold,
    fontStyle: FontStyle.italic,
  ),
)

FontWeight.boldは文字を太くします。FontStyle.italicは文字を斜体にします。どちらか一方だけでも、両方を組み合わせても使えます。

チャレンジ

簡単

Importantを太字かつ斜体にしてください。すでにサイズが設定されたTextStyleがあるので、そこに2つの設定を追加してください。

自分で試してみよう

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Text(
            'Important',
            style: TextStyle(
              fontSize: 24,
            ),
          ),
        ),
      ),
    );
  }
}