created minimal view to show tasks

2026-06-09 11:23:25 +02:00
parent a06870fbe5
commit 1ce55045a8
2 changed files with 56 additions and 2 deletions
@@ -0,0 +1,51 @@
+import 'package:flutter/material.dart';
+
+import '../../example_data.dart';
+import '../task.dart';
+
+class TaskOverview extends StatefulWidget {
+  static const String routeName = '/';
+  const TaskOverview({super.key});
+
+  @override
+  State<TaskOverview> createState() => _TaskOverviewState();
+}
+
+class _TaskOverviewState extends State<TaskOverview> {
+  //TODO: Replace example data call
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(),
+      body: ReorderableListView.builder(
+        itemBuilder: itemBuilder,
+        itemCount: tasks.length,
+        onReorderItem: (oldIndex, newIndex) =>
+            reorderList(tasks, oldIndex, newIndex),
+      ),
+    );
+  }
+
+  Widget itemBuilder(BuildContext context, int index) {
+    final task = tasks.elementAt(index);
+
+    return ListTile(
+      key: Key(task.id),
+      title: Text(task.title),
+      subtitle: Text(task.description),
+    );
+  }
+
+  List<Task> reorderList(List<Task> tasks, oldIndex, newIndex) {
+    final item = tasks.removeAt(oldIndex);
+    tasks.insert(newIndex, item);
+
+    final List<Task> reordered = [];
+
+    for (int i = 0; i < tasks.length; i++) {
+      reordered.add(tasks.elementAt(i).copyWith(position: i));
+    }
+
+    return reordered;
+  }
+}