[flutter] 플러터 get과 터치 제스처

26 Dec 2023

flutter

Get 패키지

플러터 애플리케이션에서 화면 이동 및 데이터 통신을 위해 Get 패키지를 사용할 수 있습니다. Get 패키지는 플러터의 내비게이션과 상태 관리를 더 간단하게 만들어 줍니다.

다음은 Get 패키지를 사용하여 화면 이동하는 간단한 예제 코드입니다.

import 'package:get/get.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return GetMaterialApp(
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Home Screen'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            Get.to(DetailScreen());
          },
          child: Text('Go to Detail Screen'),
        ),
      ),
    );
  }
}

class DetailScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Detail Screen'),
      ),
      body: Center(
        child: Text('This is the detail screen'),
      ),
    );
  }
}

터치 제스처

플러터에서는 여러가지 터치 제스처를 사용하여 사용자의 상호작용을 처리할 수 있습니다. 터치 제스처는 사용자의 터치 동작(탭, 드래그, 스와이프 등)에 반응하여 특정 동작을 수행하도록 할 수 있습니다.

다음은 플러터에서 터치 제스처를 사용하는 간단한 예제 코드입니다.

GestureDetector(
  onTap: () {
    // 탭할 때 수행할 동작
  },
  onDoubleTap: () {
    // 더블 탭할 때 수행할 동작
  },
  onLongPress: () {
    // 길게 누를 때 수행할 동작
  },
  child: Container(
    width: 200,
    height: 200,
    color: Colors.blue,
    child: Center(
      child: Text('터치 제스처 예제'),
    ),
  ),
)

Get 패키지를 사용하여 화면 이동 및 상태 관리를 간편하게 할 수 있고, 터치 제스처를 사용하여 사용자의 상호작용을 자연스럽게 처리할 수 있습니다.

더 많은 정보는 Get 패키지 공식 문서와 플러터 공식 문서를 참고하시기 바랍니다.