Flutter 플러터 SizedBox에 color 넣는 법

계속 backgroundColor라고 검색했는데 생각해보니 박스 자체의 색상이니 color가 맞다.... 
텍스트에 color 주려면 그냥 TextStyle...★

Container 박스는 무거운 편이라서 보통 SizedBox를 이용해서 성능 개선을 한다고 들었다. 그러나 Container와 같은 방식으로 SizedBox에 색상 삽입이 안돼서....... 구글링한 결과 DecoratedBox()로 감싸서 사용해야 한다고 한다.

 

Container에서는

Container(
	color: Colors.black,
    
)

이런식으로 하위에 박스 컬러를 넣을 수 있었는데 
Row는 이런식으로 불가능하다. 

 

그래서 찾아본 결과

반응형

 

SizedBox, 박스에 색상을 넣고 싶으면 
child : 아래 DecoratedBox로 감싸서 decoration: BoxDecoration() ... 후에 color 를 안에 넣어야 한다.  

 

body: Row(
  children: [
    Flexible(child:
      SizedBox(
        width: 100,
        height: 100,
        child: DecoratedBox(
          decoration: BoxDecoration(
            color: Colors.red,
          ),
        ),
      ),
    ),
  ],