[Error] Cannot provide both a color and a decorationTo provide both, use "decoration: BoxDecoration(color: color)".'package:flutter/src/widgets/container.dart':Failed assertion: line 273 pos 15: 'color == null || decoration == null'

Container를 사용하다보면 가끔 이런 오류를 만나게 되는데 color 사용에 대한 오류라고 볼 수 있다.

Container Color

아마 위와 같은 Container를 그리는데 코드는

Container(
  width: 410,
  height: 200,
  color: Colors.grey,
  child: Text("Container Test"),

),

이와 동일하거나 비슷할 것이다. Container에 color를 주어도 정상 작동하다 어느순간부터 오류를 나타내게 되는데 ..

제목과 같은 오류

Flutter 개발자라면 만나기 싫은 1순위, 빨간 화면이 나타난다. 이유는 간단하다.

decoration: BoxDecoration(),

Container 안에서 박스에 대한 레이아웃 속성을 줄때 decoration을 사용하게 되는데 decoration 내에서 color를 다시 주어야한다. 이게 뭔소리냐면 ..

 

decoratioln color

Container를 그릴때 color는 decoration 속성을 사용할때 사용할 수 없다. 그 이유는 decoration 안에 color 속성이 정의되어 있기 때문! 그림처럼 빨간줄을 지워주고 안쪽에 color를 넣어주면 해결된다.

 

 

끝!