[flutter] 플러터 아이콘 배경 투명도 설정 방법

18 Dec 2023

플러터에서는 아이콘의 배경 투명도를 설정할 수 있습니다. 이를 통해 아이콘을 다른 위젯과 조합하거나 배경을 투명하게 만들어 원하는 디자인을 구현할 수 있습니다. 이번 게시물에서는 플러터에서 아이콘의 배경 투명도를 설정하는 방법을 알아보겠습니다.

1. `IconButton` 사용하기

아이콘 배경 투명도를 설정하려면 IconButton 위젯을 사용해야 합니다. IconButton은 아이콘을 포함한 버튼을 만들 수 있으며, 배경 투명도 또한 설정할 수 있습니다.

IconButton(
  icon: Icon(Icons.star),
  color: Colors.blue,
  onPressed: () {
    // 버튼 클릭 시 수행할 동작
  },
)

IconButton 위젯의 color 속성에 Colors.transparent를 설정하여 아이콘의 배경을 투명하게 만들 수 있습니다.

IconButton(
  icon: Icon(Icons.star),
  color: Colors.transparent,
  onPressed: () {
    // 버튼 클릭 시 수행할 동작
  },
)

위와 같이 color 속성에 Colors.transparent를 설정하면 아이콘의 배경이 투명해지게 됩니다.

아이콘의 배경 투명도를 조절하려면 Color 클래스의 withOpacity 메서드를 사용합니다.

IconButton(
  icon: Icon(Icons.star),
  color: Colors.blue.withOpacity(0.5),
  onPressed: () {
    // 버튼 클릭 시 수행할 동작
  },
)

위의 예제에서는 Colors.blue.withOpacity(0.5)를 통해 아이콘의 배경 색상을 반투명하게 만들었습니다.

이제 플러터에서 아이콘의 배경 투명도를 설정하는 방법을 알아보았습니다. 위 방법을 활용하여 다양한 디자인을 구현해보세요.