[flutter] Scaffold를 사용하여 앱의 테마를 설정하는 방법은 어떻게 되나요?

12 Dec 2023

flutter

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        primaryColor: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('테마 설정 예제'),
      ),
      body: Center(
        child: Text(
          'Scaffold 테마 설정',
          style: Theme.of(context).textTheme.headline4,
        ),
      ),
    );
  }
}

위의 예제에서는 MaterialApp의 theme 속성을 사용하여 기본 색상을 파란색으로 설정하고 있습니다. Scaffold의 자식 위젯인 Text 위젯에서는 Theme.of(context).textTheme.headline4를 사용하여 기본 테마 스타일을 적용하고 있습니다.

이와 같이 Scaffold를 사용하여 앱의 테마를 쉽게 설정할 수 있습니다. 만약 추가적인 테마 설정이 필요하다면 ThemeData 클래스를 사용하여 더 많은 속성을 정의할 수 있습니다.