[flutter] 플러터 Scaffold에서 테마를 변경하는 방법은 어떻게 되나요?

12 Dec 2023

flutter

먼저, ThemeData를 생성하고 필요한 속성을 재정의할 수 있습니다. 예를 들어, primaryColor와 accentColor를 수정하여 앱의 기본 색상을 변경할 수 있습니다.

아래 예시 코드를 참고하시기 바랍니다.

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        primaryColor: Colors.green, // 기본 색상을 녹색으로 변경
        accentColor: Colors.orange, // 강조 색상을 주황색으로 변경
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('테마 변경 예제')),
      body: Center(child: Text('플러터 테마 변경 예제')),
    );
  }
}

위 코드에서는 MaterialApp의 theme 속성을 사용하여 기본 테마를 수정하였습니다. 이제 앱을 실행하면 변경된 테마가 적용된 것을 확인하실 수 있을 것입니다.

참고문헌: https://api.flutter.dev/flutter/material/ThemeData-class.html