flutter_list_drag_and_drop 0.1.6 flutter_list_drag_and_drop: ^0.1.6 copied to clipboard
A new Flutter package which handles all aspects of drag and drop inside a listView.
import 'package:flutter/material.dart';
import 'package:flutter_list_drag_and_drop/drag_and_drop_list.dart';
void main() {
runApp(new TestApp());
}
class TestApp extends StatelessWidget {
TestApp({Key key});
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'Flutter Demo',
theme: new ThemeData(
primarySwatch: Colors.blue, primaryColor: new Color(0xffd05c6b)),
home: new MyHomePage(
title: 'Flutter Demo Home Page',
key: key,
),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
MyHomePageState createState() => new MyHomePageState();
}
class MyHomePageState extends State<MyHomePage> {
List<String> items = [
'0',
'1',
'2',
'3',
'4',
'5',
'6',
'7',
'8',
'9',
'10',
'11',
'12',
'13',
'14',
'15',
];
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text(widget.title),
),
body: new DragAndDropList<String>(
items,
itemBuilder: (BuildContext context, item) {
return new SizedBox(
child: new Card(
child: new ListTile(
title: new Text(item),
),
),
);
},
onDragFinish: (before, after) {
String data = items[before];
items.removeAt(before);
items.insert(after, data);
},
canBeDraggedTo: (one, two) => true,
dragElevation: 8.0,
),
);
}
}