[flutter] 플러터 아이콘 라벨링

18 Dec 2023

플러터로 앱을 개발하다보면 아이콘과 함께 텍스트라벨을 함께 표시해야하는 경우가 있습니다. 이때 아이콘 위에 라벨을 추가하는 방법에 대해 이야기해보겠습니다.

1. `Row` 위젯을 이용한 아이콘과 라벨 표시

Row(
  children: [
    Icon(Icons.person),
    SizedBox(width: 5),
    Text('프로필'),
  ],
)

위의 예제에서는 Row 위젯을 이용하여 아이콘과 라벨을 함께 표시합니다. SizedBox 위젯을 이용하여 아이콘과 텍스트간의 간격을 조절할 수 있습니다.

ListTile(
  leading: Icon(Icons.person),
  title: Text('프로필'),
)

ListTile 위젯은 아이콘과 라벨을 함께 표시할 때 많이 활용됩니다. leading 속성을 이용하여 아이콘을 추가하고, title 속성에 텍스트 라벨을 추가합니다.

플러터에서 아이콘과 라벨을 함께 표시하는 방법에 대해 간단하게 알아보았습니다. 개발하고 있는 앱의 디자인에 맞게 적절한 방법을 선택하여 사용하시면 됩니다.