본문 바로가기

Flutter-플러터

Flutter : Tootip

반응형

Dart에서 "Tooltip"은 Material Design 패턴의 일부로, 마우스 커서를 위젯 위에 놓았을 때 나타나는 간단한 설명 텍스트를 제공하는 위젯입니다.

Tooltip 위젯은 다음과 같은 속성을 사용할 수 있습니다:

  • message: Tooltip에 표시할 메시지 텍스트를 나타냅니다.
  • child: Tooltip이 나타날 위젯을 나타냅니다.
  • height: Tooltip의 높이를 나타냅니다.
  • padding: Tooltip 내부의 콘텐츠 주위에 적용되는 패딩을 나타냅니다.
  • preferBelow: Tooltip이 위젯 아래에 나타나도록 지정합니다.

예를 들어, 다음은 Tooltip을 사용하여 Flutter 앱에서 버튼 위에 설명 텍스트를 표시하는 방법입니다:

 

Tooltip(
  message: 'Press this button',
  child: ElevatedButton(
    onPressed: () {},
    child: Text('Click Me'),
  ),
)
728x90
반응형