inblog logo
|
stupefyee
    플러터

    Dismissible

    Stupefyee's avatar
    Stupefyee
    Dec 30, 2024
    Dismissible
    Contents
    1. 역할2. 주요 속성:3. 사용 방법:4. 예시코드와 출력

    1. 역할

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

    2. 주요 속성:

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

    3. 사용 방법:

    1. Dismissible 위젯으로 감싸기.
    1. 필수 속성 key와 child 정의.
    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
    Contents
    1. 역할2. 주요 속성:3. 사용 방법:4. 예시코드와 출력

    stupefyee

    RSS·Powered by Inblog