[flutter] Card 위젯의 크기와 위치 조정하기

Flutter 앱에서 Card 위젯을 사용하여 쉽게 여러 가지 스타일의 박스를 만들 수 있습니다. 하지만 때로는 Card의 크기나 위치를 조정해야 할 때가 있습니다. 본 포스트에서는 이를 어떻게 할 수 있는지에 대해 살펴보겠습니다.

Card 위젯의 크기 조정하기

Card 위젯의 크기를 조정하려면 SizedBoxContainer 위젯으로 감싸주면 됩니다. 예를 들어, 다음과 같이 코드를 작성할 수 있습니다.

Card(
  child: Container(
    width: 200,
    height: 100,
    child: Text('Custom sized card'),
  ),
)

위의 예제에서는 Card 위젯 안에 Container를 넣어 해당 Container의 크기를 조정함으로써 Card의 크기를 조정하였습니다.

Card 위젯의 위치 조정하기

Card 위젯의 위치를 조정하려면 Padding이나 Align 위젯을 사용하여 위치를 조정할 수 있습니다. 예를 들어, 다음과 같이 코드를 작성할 수 있습니다.

Padding(
  padding: EdgeInsets.all(16.0),
  child: Card(
    child: Text('Padded card'),
  ),
)

위의 예제에서는 Padding 위젯을 사용하여 Card 위젯의 여백을 조정함으로써 위치를 조정하였습니다.

결론

Flutter의 Card 위젯은 간편하게 사용할 수 있으며, 위와 같은 방법을 통해 크기와 위치를 조정할 수 있습니다. 필요에 따라 적절한 방법을 선택하여 사용하시면 됩니다.

이상으로 Card 위젯의 크기와 위치 조정에 대해 알아보았습니다. 감사합니다!

참고 자료