[flutter] 플러터 get과 테마 설정

26 Dec 2023

flutter

이번 글에서는 flutter 앱에서 get 패키지를 사용하여 테마를 설정하는 방법에 대해 알아보겠습니다.

get 패키지란?

get 패키지는 flutter에서 상태 관리, 라우팅 및 의존성 주입을 위한 편리한 도구를 제공합니다. 여기서는 테마 설정에 중점을 두고 설명하겠습니다.

테마 설정하기

우선, get 패키지를 프로젝트에 추가합니다. 이후, 테마와 관련된 설정을 main.dart 파일에서 추가합니다. 아래 예시를 통해 간단히 설명하겠습니다.

import 'package:flutter/material.dart';
import 'package:get/get.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      theme: ThemeData(
        primarySwatch: Colors.blue,
        accentColor: Colors.orange,
        fontFamily: 'Roboto',
      ),
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('플러터 테마 설정 예제'),
      ),
      body: Center(
        child: Text(
          '테마 설정을 적용한 화면입니다.',
          style: TextStyle(fontSize: 20),
        ),
      ),
    );
  }
}

위 코드에서는 GetMaterialApp 위젯을 통해 앱 전반에 대한 테마를 설정하고, HomeScreen에서는 해당 테마가 적용된 화면을 구성합니다.

마무리

이제 get 패키지를 사용하여 flutter 앱에서 테마를 설정하는 방법을 알아보았습니다. 테마 설정은 앱의 디자인을 개선하고 사용자에게 더 나은 경험을 제공하는 데 중요한 역할을 합니다.

테마 설정과 관련된 더 많은 기능과 옵션에 대해 더 공부하고 싶다면 공식 문서를 참고해보세요.