[ Flutter ] Flutter Color 관리

Flutter에서 Color의 재사용성을 높이기 위해서

Color를 관리하는 파일을 만들어서 사용하기로 함

 

colors.dart 파일을 만듦

import 'package:flutter/cupertino.dart';

Color hexToColor(String hexString) {
  final buffer = StringBuffer();
  buffer.write('ff'); // 알파 채널 값 추가
  buffer.write(hexString);
  return Color(int.parse(buffer.toString(), radix: 16)); // 16진수로 변환하여 Color 객체 생성
}

final Color white = hexToColor('ffffff');
final Color bgColor = hexToColor('f2f4f6');
final Color darkGrey = hexToColor('333333');
final Color mint = hexToColor('6CE1A8');

Flutter에서는 색깔코드로 컬러를 넣을려면 hexCode로 바꿔줘야한다.

즉 #000000 -> 0xff000000 이런식으로 해줘야 색깔을 넣을 수 있다.

 

따라서 hex코드로 바꿔주는 함수를 만들어 준다. 그러면 색깔코드만 입력하면 알아서 hex코드로바꿔주어 저장이된다.

그때마다 사용할 색깔을 Colors.dart 파일에 직접 넣어준다.

 

그럼 이런식으로 컬러가 있는 파일을 import만 해주는 것만으로도 쉽게 컬러를 적용시킬 수 있다.

import 'package:colors.dart';

backgroundColor: bgColor,