kanban_board 0.1.0 kanban_board: ^0.1.0 copied to clipboard
It is a customizable kanban board, which can be used to reorder items and list with drag and drop.
import 'package:flutter/material.dart';
import 'package:kanban_board/custom/board.dart';
import 'package:kanban_board/models/inputs.dart';
class Example extends StatefulWidget {
const Example({super.key});
@override
State<Example> createState() => _ExampleState();
}
class _ExampleState extends State<Example> {
@override
Widget build(BuildContext context) {
return KanbanBoard(
List.generate(
8,
(index) => BoardListsData(
items: List.generate(
50,
(index) => Container(
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(4),
border: Border.all(
color: Colors.grey.shade200,
)),
padding: const EdgeInsets.all(8.0),
child: Text(
"Lorem ipsum dolor sit amet, sunt in culpa qui officia deserunt mollit anim id est laborum. $index",
style: const TextStyle(
fontSize: 16,
color: Colors.black,
fontWeight: FontWeight.w500)),
),
)),
),
onItemLongPress: (cardIndex, listIndex) {},
onItemReorder:
(oldCardIndex, newCardIndex, oldListIndex, newListIndex) {},
onListLongPress: (listIndex) {},
onListReorder: (oldListIndex, newListIndex) {},
onItemTap: (cardIndex, listIndex) {},
onListTap: (listIndex) {},
onListRename: (oldName, newName) {},
backgroundColor: Colors.white,
displacementY: 124,
displacementX: 100,
textStyle: const TextStyle(
fontSize: 18, color: Colors.black, fontWeight: FontWeight.w500),
);
}
}