[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 공식 문서를 참고하시기 바랍니다.