Flutter ReorderableListView 可拖拽的列表
2023-09-14 08:58:44 时间
import 'package:flutter/material.dart';
import 'dart:math' as math;
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: HomePage(),
);
}
}
class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
List<String> items = List.generate(10, (int i) => '$i');
@override
Widget build(BuildContext context) {
return Scaffold(
body: ReorderableListView(
onReorder: (int oldIndex, int newIndex) {
print(oldIndex);
print(newIndex);
var element = items[oldIndex];
if (newIndex >= items.length) newIndex = items.length - 1;
setState(() {
items.removeAt(oldIndex);
items.insert(newIndex, element);
});
},
children: <Widget>[
for (String el in items)
ListTile(
key: ValueKey(el),
title: Text('Item $el'),
),
],
),
);
}
}
相关文章
- GraphQL漏洞案例之获取Facebook任意用户的朋友列表和部分支付卡详细信息
- Flutter NotificationListener 监听列表的滚动
- Flutter Android Toast Message(flutter访问Android Toast Message)
- 查询DDOS攻击IP列表 grep -i
- 【python cookbook】【数据结构与算法】13.通过公共键对字典列表排序
- MFC Windows 程序设计[228]之拖拽列表(附源码)
- [Flutter] 因为不讲这个重点, 全网 flutter 实战视频沦为二流课程
- 91. 如何使用 SAP UI5 客户端 JSON 模型构建一个 Master-Detail-Detail 布局中的列表页面
- Atitit hi dev eff topic by use dsl sql coll op 提升开发效率sql dsl查询内存集合列表 目录 1.1. Dsl api lib1 1.2. R
- Atitit vue绑定json列表数据到表格最小简化培训版本 目录 1.1. 引入类库jq与vue1 1.2. 获取ajax数据并推送到vue的内部自定义变量1 1.3. 建立表格与vue变量
- Flutter进阶第5篇: 使用WebView组件flutter_inappbrowser加载远程web页面渲染新闻详情数据
- Flutter原理 flutter架构、flutter UI系统、BuildContext、Widget与Element、命中测试hitTest、flutter显示流程分析
- flutter 简单的网格列表
- flutter在导航栏处实现对两个列表的点击事件
- Flutter 页面滑动嵌套列表不能滑动
- pyhton列表习题
- Flutter之 flutter_after_layout组件的作用:监听页面渲染的第一帧
- Flutter 开发环境搭建Unable to ‘pub upgrade‘ flutter tool. Retrying in five seconds...
- python列表和QVariant
- heap的使用——合并K个排序间隔列表,和merge K个有序数组是一样的
- Android kotlin 用RecyclerView(androidx+BRVAH3.0.6)实现从底部弹出列表对话框(单选/多选)功能
- Android kotlin 用RecyclerView(androidx+BRVAH3.0.6+greenDAO)实现可扩展多级列表功能
- Flutter 官方自带日期组件 和第三方 日期组件、轮播图 flutter_swiper