Dismissible

Stupefyee's avatar
Dec 30, 2024
Dismissible

1. 역할

  • 스와이프로 위젯을 삭제하거나 액션을 트리거할 수 있도록 구현.

2. 주요 속성:

  • key: 고유한 식별자로, 위젯 상태를 유지하기 위해 필요.
  • child: 스와이프 가능한 콘텐츠 위젯.
  • background: 스와이프 방향의 배경 위젯.
  • onDismissed: 스와이프 후 동작을 정의하는 콜백 함수.

3. 사용 방법:

  1. Dismissible 위젯으로 감싸기.
  1. 필수 속성 keychild 정의.
  1. onDismissed에 삭제 로직 작성.

4. 예시코드와 출력

  • 예시코드
    • import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: HomePage(), ); } } class HomePage extends StatefulWidget { @override State<HomePage> createState() => _HomePageState(); } class _HomePageState extends State<HomePage> { @override Widget build(BuildContext context) { return Scaffold( body: Column( children: [ Dismissible( key: Key("100"), child: GestureDetector( onTap: () { print("클릭됨"); }, child: ListTile( leading: Icon(Icons.person), title: Text("제목111111"), ), ), ), ], ), ); } }
  • 출력
    • notion image
 
Share article

stupefyee