[flutter] 플러터 Tooltip의 동작방식과 특성 이해하기

11 Dec 2023

flutter

플러터에서 Tooltip은 앱 사용자가 위젯에 대한 추가 정보를 제공받을 수 있도록 도와줍니다. 사용자가 위젯을 길게 누르거나 포커스를 맞추면 툴팁이 나타나며, 이를 통해 사용자는 해당 위젯의 기능이나 역할을 파악할 수 있습니다.

Tooltip을 추가하려면 해당 위젯을 Tooltip 위젯으로 감싸고, message 속성에 툴팁으로 보여줄 텍스트를 지정합니다. 아래의 예시를 참고하세요.

Tooltip(
  message: '이 버튼을 클릭하면 설정 화면으로 이동합니다',
  child: IconButton(
    icon: Icon(Icons.settings),
    onPressed: () {
      // 설정 화면 이동 로직
    },
  ),
),

Tooltip은 모바일 앱과 웹 앱에서 모두 동작합니다.
툴팁이 표시되는 시간 및 방법은 플랫폼마다 조금씩 다를 수 있습니다.
Android에서는 롱 프레스(long press) 동작으로 툴팁을 보여주고, iOS에서는 터치 후 짧은 시간 동안 홀드한 후 툴팁이 나타납니다.

플러터에서 Tooltip의 동작 방식과 특성을 이해하고 적절히 활용하면 사용자 경험을 향상시킬 수 있습니다.

위의 내용이 도움이 되시길 바랍니다!

참고: 플러터 공식 문서 - Tooltip Class

Tooltip 사용 방법

Tooltip 특징