フォントサイズ

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

Textには、テキストの見た目を指定するstyle:を設定できます。スタイルはTextStyleで、そのfontSize:で文字の大きさを設定します。

Text(
  'Big news',
  style: TextStyle(fontSize: 40),
)

まず単語を書き、次にカンマ、その後にstyle:を書きます。スタイルを指定しない場合、テキストの高さは14ピクセルです。見出しには40、小さな文字には12が適しています。

チャレンジ

簡単

Big newsを大きくしましょう。テキストにstyle:を設定し、fontSize:を40にします。

自分で試してみよう

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('Big news'),
        ),
      ),
    );
  }
}