[flutter] 플러터 Scaffold에서 AppBar의 텍스트 스타일링을 변경하는 방법은 어떻게 되나요?

12 Dec 2023

flutter

다음은 AppBar의 타이틀 텍스트 스타일을 변경하는 예제 코드입니다.

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(
            '내 앱',
            style: TextStyle(
              color: Colors.white, // 텍스트 색상
              fontSize: 20, // 텍스트 크기
              fontWeight: FontWeight.bold, // 텍스트 굵기
              fontStyle: FontStyle.italic, // 텍스트 스타일
            ),
          ),
        ),
        body: Center(
          child: Text('앱 내용'),
        ),
      ),
    );
  }
}

위의 코드에서 TextStyle를 사용하여 텍스트 스타일을 정의하고, Text 위젯에서 해당 스타일을 적용하고 있습니다. 텍스트의 색상, 크기, 굵기 및 스타일을 변경할 수 있습니다.

만약 AppBar에 더 많은 커스터마이징이 필요하다면 appBar 속성 대신 PreferredSizeWidget을 구현한 위젯을 사용하여 커스텀 PreferredSize를 생성할 수도 있습니다.