플러터(Flutter) 앱을 개발하다보면 화면에 아이콘을 표시하고 사용자의 상호작용에 따라 확대 또는 축소할 필요가 있을 수 있습니다. 아이콘을 확대/축소하기 위해서는 플러터의 Transform 위젯을 사용할 수 있습니다.

Transform.scale을 통한 아이콘 확대/축소

Transform.scale 위젯을 사용하여 아이콘을 확대 또는 축소할 수 있습니다. 예를 들어, 사용자가 특정 동작을 수행했을 때 아이콘을 확대하는 기능을 구현하고 싶다면 다음과 같이 코드를 작성할 수 있습니다.

Transform.scale(
  scale: _isScaled ? 1.5 : 1.0,
  child: IconButton(
    icon: Icon(Icons.star),
    onPressed: () {
      setState(() {
        _isScaled = !_isScaled;
      });
    },
  ),
),

위 예제에서 Transform.scale 위젯은 scale 속성을 이용하여 아이콘의 크기를 조절합니다. 사용자가 버튼을 누를 때마다 _isScaled 변수를 토글하여 아이콘의 크기를 변경합니다.

마무리

이렇게 플러터에서는 Transform 위젯을 사용하여 아이콘을 확대 또는 축소할 수 있습니다. 사용자의 상호작용에 따라 동적으로 아이콘의 크기를 조절하는 기능을 구현할 때 유용하게 사용할 수 있습니다.

참고문헌:

• Flutter 공식 문서 - Transform