[flutter] 플러터 앱 아이콘을 터치 또는 홀드 하면 액션을 발생시키는 방법

22 Dec 2023

flutter

플러터 앱에서 아이콘을 터치하거나 홀드할 때 원하는 동작을 수행하고자 할 때, GestureDetector 위젯을 사용하여 이를 구현할 수 있습니다.

아래는 간단한 예시로, 아이콘을 터치했을 때 ‘아이콘을 터치했습니다!’라는 메시지를 출력하는 방법을 보여줍니다.

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(),
        body: Center(
          child: GestureDetector(
            onTap: () {
              print('아이콘을 터치했습니다!');
            },
            child: Icon(Icons.add),
          ),
        ),
      ),
    );
  }
}

위 예시에서는 GestureDetector 위젯을 사용하여 아이콘을 감싸고, onTap 콜백을 이용하여 터치했을 때의 동작을 정의했습니다.

보다 복잡한 동작이나 터치 이벤트에 따른 다양한 액션을 추가하려면, GestureDetector 위젯의 속성을 조절하여 원하는 동작을 구현할 수 있습니다.

자세한 내용은 플러터 공식 문서를 참고하시기 바랍니다.