[flutter] 플러터에서 Tooltip을 사용하여 숨은 기능을 사용자에게 알리기

11 Dec 2023

flutter

애플리케이션에는 사용자가 쉽게 발견하기 어려운 기능들이 있을 수 있습니다. 이런 경우, Tooltip 위젯은 사용자가 해당 기능을 쉽게 발견하고 사용할 수 있도록 도와줍니다. 플러터에서는 Tooltip을 사용하여 버튼, 아이콘, 또는 다른 위젯에 대한 추가 정보를 제공할 수 있습니다.

Tooltip을 추가하기 위해 우선 해당 위젯을 Tooltip으로 감싸면 됩니다. 예를 들어, 아이콘에 Tooltip을 추가하는 방법은 다음과 같습니다:

Tooltip(
  message: '설정',
  child: IconButton(
    icon: Icon(Icons.settings),
    onPressed: () {
      // 설정 기능 실행
    },
  ),
)

위 예제에서, IconButton 위젯을 Tooltip으로 감싸고 message 속성에 보여줄 메시지를 지정했습니다. 사용자가 아이콘을 꾹 누르거나 호버할 때, 지정한 메시지가 표시됩니다.

간결한 설명: Tooltip 메시지는 간결하고 명확해야 합니다. 사용자가 편리하게 이해할 수 있는 짧고 명확한 설명을 작성해야 합니다.
접근 가능성: Tooltip 메시지는 접근성을 고려하여 작성되어야 합니다. 모바일 환경에서는 롱 프레스(gesture)로, 데스크톱 환경에서는 호버(hover)로 보여지기 때문에, 모든 사용자가 Tooltip을 볼 수 있어야 합니다.

플러터에서 Tooltip을 사용하여 숨은 기능을 사용자에게 알리고 사용성을 향상시킬 수 있습니다.

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

Tooltip 위젯 사용법

Tooltip 사용 시 고려 사항