clean_kanban 0.0.5

A versatile Kanban board library for Flutter apps, built with clean architecture principles.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:clean_kanban/clean_kanban.dart';
import 'repositories/shared_preferences_board_repository.dart';
import 'repositories/theme_provider.dart'; // Import the theme provider
import 'theme.dart'; // Import the theme

void main() {
  WidgetsFlutterBinding
      .ensureInitialized(); // Add this to initialize Flutter binding
  // Initialize dependency injection with SharedPreferencesBoardRepository.
  setupInjection(SharedPreferencesBoardRepository());
  EventNotifier().subscribe((event) {
    switch (event) {
      case BoardLoadedEvent loaded:
        print('Board loaded: ${loaded.board}');
      case BoardSavedEvent saved:
        print('Board saved: ${saved.board}');
      case TaskMovedEvent moved:
        print('Task "${moved.task.title}" moved from ${moved.source.header} to ${moved.destination.header}');
      case TaskAddedEvent added:
        print('New task added: "${added.task.title}"');
      case TaskRemovedEvent removed:
        print('Task removed: "${removed.task.title}"');
      case TaskEditedEvent edited:
        print('Task edited: title="${edited.newTask.title}"');
      case TaskReorderedEvent reordered:
        print('Task reordered: "${reordered.task.title}" moved from ${reordered.oldIndex} to ${reordered.newIndex} in ${reordered.column.header}');
      case DoneColumnClearedEvent cleared:
        print('${cleared.removedTasks.length} tasks cleared from Done column');
    }
});
  runApp(const MyExampleApp());
}

class MyExampleApp extends StatelessWidget {
  const MyExampleApp({super.key});

  @override
  Widget build(BuildContext context) {
    // Create an instance of MaterialTheme with default TextTheme
    final materialTheme = MaterialTheme(ThemeData().textTheme);
    
    return MultiProvider(
      providers: [
        ChangeNotifierProvider(create: (context) {
          final boardProv = BoardProvider();
          boardProv.loadBoard(config: _boardConfig);
          boardProv.addListener(() {
            // auto save function
            if (boardProv.board != null) {
              boardProv.saveBoard();
            }
          });
          return boardProv;
        }),
        ChangeNotifierProvider(create: (_) => ThemeProvider()),
      ],
      child: Consumer2<BoardProvider, ThemeProvider>(
        builder: (context, boardProv, themeProvider, child) {
          // Use the fromTheme factory to create Kanban themes that match our Material themes
          final kanbanLightTheme = KanbanTheme.fromTheme(materialTheme.light());
          final kanbanDarkTheme = KanbanTheme.fromTheme(materialTheme.dark());

          return MaterialApp(
            title: 'Clean Kanban Example',
            theme: materialTheme.light(),
            darkTheme: materialTheme.dark(),
            themeMode: themeProvider.themeMode,
            home: Scaffold(
              appBar: AppBar(
                title: const Text('Kanban Board'),
                actions: [
                  // Add save button
                  IconButton(
                    icon: const Icon(Icons.save),
                    onPressed: () {
                      if (boardProv.board != null) {
                        boardProv.saveBoard();
                      }
                    },
                  ),
                  // Add theme toggle button
                  IconButton(
                    icon: const Icon(Icons.brightness_6),
                    onPressed: () {
                      themeProvider.toggleTheme();
                    },
                  ),
                ],
              ),
              body: BoardWidget(
                theme: themeProvider.themeMode == ThemeMode.dark 
                  ? kanbanDarkTheme 
                  : kanbanLightTheme,
              ),
            ),
          );
        }
      ),
    );
  }
}

const Map<String, dynamic> _boardConfig = {
  'columns': [
    {
      'id': 'todo',
      'header': 'To Do',
      'limit': 15,
      'tasks': [
        {'id': '1', 'title': 'Task 1', 'subtitle': 'Description 1'},
        {'id': '2', 'title': 'Task 2', 'subtitle': 'Description 2'},
      ]
    },
    {
      'id': 'doing',
      'header': 'In Progress',
      'limit': null,
      'tasks': [],
      'canAddTask': false
    },
    {
      'id': 'review',
      'header': 'Review',
      'limit': null,
      'tasks': [],
      'canAddTask': false
    },
    {
      'id': 'done',
      'header': 'Done',
      'limit': null,
      'tasks': [],
      'canAddTask': false
    }
  ]
};