Flutter & Dart Color 응용

 

플러터의 컬러 사용법

플러터는 아래와 같은 방법으로 컬러를 정의 한다.

  Color colorblack = const Color.fromRGBO(0, 0, 0, 1);
  Color colorwhite = const Color.fromRGBO(255, 255, 255, 1);
  Color transparent = Colors.transparent;

 

아래의 방법으로 사용 한다.

 

Container(
      height: 20,
      color: Colors.red,
    ),

 

이렇게 사용하면 일괄 적용이 필요하거나 화면별로 영어를 잘못 입력했을 경우 색상이 달라질 수가 있다.

 

class AppColors {
  Color colorblack = const Color.fromRGBO(0, 0, 0, 1);
  Color colorwhite = const Color.fromRGBO(255, 255, 255, 1);
  Color transparent = Colors.transparent;
  }

 

 

그래서 Appcolors를 선언 해준뒤 사용하면 미리 정의된 색상을 이용해서 사용 가능하다.

 

Container(
      height: 20,
      color: AppColors().colorblack,
    ),

 

처럼 사용한다.