[flutter] Row 위젯에서의 배경 색상 설정하기
Flutter에서 Row 위젯을 사용하여 가로로 배치된 요소들을 생성할 수 있습니다. 이때 Row 위젯에 배경 색상을 설정하는 방법에 대해 알아보겠습니다.
Row 위젯에 배경 색상을 설정하기 위해서는 Container 위젯을 사용해야 합니다. Container 위젯은 배경색, 여백, 패딩 등 다양한 스타일을 적용할 수 있는 기능을 제공합니다.
아래는 Row 위젯에 배경 색상을 설정하는 예시입니다.
Row(
children: [
Container(
color: Colors.blue, // 배경색을 파란색으로 설정
child: Text('첫 번째 요소'),
),
Container(
color: Colors.red, // 배경색을 빨간색으로 설정
child: Text('두 번째 요소'),
),
Container(
color: Colors.green, // 배경색을 초록색으로 설정
child: Text('세 번째 요소'),
),
],
)
위 예시 코드에서는 Row 위젯 안에 세 개의 Container 위젯을 생성하고, 각 Container 위젯의 color 속성을 사용하여 배경 색상을 설정하였습니다. 각 요소의 배경 색상은 파란색, 빨간색, 초록색으로 설정되었습니다.
실행 결과로는 가로로 배치된 세 개의 요소가 보여지며, 각 요소의 배경 색상이 적용되어 나타나게 됩니다.
이와 같이 Row 위젯에서 배경 색상을 설정하기 위해서는 Container 위젯을 사용하여 각 요소의 배경 색상을 적용하면 됩니다. 각 요소의 배경 색상은 color 속성을 사용하여 설정할 수 있습니다.
더 자세한 내용은 Flutter 공식 문서를 참고하시기 바랍니다.