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

12 Dec 2023

flutter

먼저, 플러터 앱에서 어두운 테마를 적용하려면 MaterialApp 위젯의 theme 속성을 사용하여 어두운 테마를 정의해야 합니다. 아래는 어두운 테마를 정의하는 예시입니다.

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      // 어두운 테마를 정의합니다.
      theme: ThemeData.dark(),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('어두운 테마 예제'),
      ),
      body: Center(
        child: Text(
          '어두운 테마를 사용하는 앱',
          style: TextStyle(fontSize: 24),
        ),
      ),
    );
  }
}

위 예제에서는 MaterialApp의 theme 속성에 ThemeData.dark()를 사용하여 어두운 테마를 정의하였습니다. 이렇게 하면 앱 전체에 어두운 테마가 적용됩니다.

플러터에서는 미리 정의된 어두운 테마 외에도 사용자 정의 어두운 테마를 만들어 적용할 수도 있습니다.

이렇게 하면 Scaffold에서 어두운 테마를 쉽게 사용할 수 있습니다. 만약 추가 질문이 있다면 언제든지 물어보세요!