Flutter17.Dismissible

最新推荐文章于 2025-09-24 14:27:13 发布

原创最新推荐文章于 2025-09-24 14:27:13 发布 · 400 阅读

0 ·

CC 4.0 BY-SA版权

Flutter 专栏收录该内容

56 篇文章

订阅专栏

本文介绍如何在Flutter中使用ListView.builder构建滚动列表，并通过Dismissible组件实现列表项的滑动删除功能。示例代码展示了如何创建一个包含20个列表项的列表，并在用户滑动列表项时触发删除操作。

ex:

import 'package:flutter/material.dart';

void main() => runApp(MaterialApp(
  home: HomePage(),
));

class HomePage extends StatelessWidget {
  final List<String> items = List.generate(20, (index) => 'item $index');

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ListView.builder(
        itemCount: items.length,
        itemBuilder: (context, index) {
          final item = items[index];
          return Dismissible(
            onDismissed: (_) {
              items.removeAt(index);//删除条目
            },
            movementDuration: Duration(milliseconds: 100),
            key: Key(item),
            child: ListTile(
              title: Text('$item'),
            ),
            background: Container(color: Color(0xffff0000),),
          );
        },
      ),
    );
  }
}

输出：