목차

1. Container 위젯 소개
2. Container에 적용할 수 있는 디자인 요소
3. 예제 코드
4. 결론

1. Container 위젯 소개

Container는 UI를 구성하는데 사용되는 강력한 위젯 중 하나입니다. Container는 간단한 상자 또는 컨테이너를 나타내며, 다양한 디자인 요소를 적용할 수 있습니다.

2. Container에 적용할 수 있는 디자인 요소

Container 위젯은 다양한 디자인 요소를 적용할 수 있습니다. 몇 가지 예시는 다음과 같습니다:

• 색상: 배경 색상 지정
• 테두리: 테두리 스타일과 두께 설정
• 그림자: 그림자 효과 추가
• 크기: 너비, 높이, 패딩 등의 크기 조절
• 정렬: 정렬 속성을 사용하여 위치 조정

3. 예제 코드

다음은 Container에 색상과 테두리를 적용하는 간단한 예제 코드입니다.

Container(
  width: 100,
  height: 100,
  decoration: BoxDecoration(
    color: Colors.blue,
    border: Border.all(color: Colors.black, width: 2),
  ),
)

4. 결론

Container 위젯을 활용하여 간단하면서도 다양한 디자인 요소를 적용할 수 있습니다. 위젯의 속성들을 활용하여 UI를 효과적으로 디자인할 수 있습니다.

플러터 Container 위젯을 사용하여 각종 디자인 요소를 적용하는 방법에 대해 간략히 살펴보았습니다. 더 많은 디자인 가능한 속성들을 활용하여 UI를 더욱 다채롭게 꾸밀 수 있습니다.