[flutter] 플러터 Column의 배경색과 테두리 처리 방법
플러터는 Column 위젯을 사용하여 세로 방향으로 여러 위젯을 배치할 수 있습니다. 이때 Column 위젯의 배경색과 테두리를 설정하는 방법에 대해 알아보겠습니다.
1. Column의 배경색 설정
Column 위젯의 배경색을 설정하기 위해서는 Container
위젯을 사용하여 Column을 감싸고, Container
의 color
속성을 이용하여 배경색을 지정할 수 있습니다.
아래는 Column의 배경색을 설정한 예시입니다.
Container(
color: Colors.blue, // 배경색 지정
child: Column(
children: <Widget>[
// Column에 포함될 위젯들
],
),
)
Container
위젯을 사용하여 Column을 감싸고, color
속성을 통해 배경색을 설정하면 됩니다.
2. Column의 테두리 처리
Column 위젯에 테두리를 추가하기 위해서는, 역시 Container
위젯을 사용하여 Column을 감싸고, Container
의 decoration
속성을 이용하여 테두리를 설정할 수 있습니다.
아래는 Column에 테두리를 추가한 예시입니다.
Container(
decoration: BoxDecoration( // 테두리 스타일 지정
border: Border.all(color: Colors.black, width: 2.0), // 테두리 색상과 두께 지정
),
child: Column(
children: <Widget>[
// Column에 포함될 위젯들
],
),
)
Container
위젯을 사용하여 Column을 감싸고, decoration
속성을 통해 Border
를 설정하여 테두리를 추가할 수 있습니다.
결론
위와 같이, 플러터에서는 Column의 배경색과 테두리 처리를 간단하게 할 수 있습니다. Container
위젯을 이용하여 배경색을 설정하고 테두리를 추가할 수 있다는 점을 기억해두세요!
더 많은 위젯 스타일링 정보는 Flutter 공식 문서를 참고하세요.