AppFlowy/frontend/app_flowy/packages/appflowy_board
2022-09-05 17:58:53 +08:00
..
example docs: readme for appflowy_board 2022-09-05 17:58:53 +08:00
lib docs: readme for appflowy_board 2022-09-05 17:58:53 +08:00
test chore: rename flowy_board to appflowy_board 2022-08-08 10:27:58 +08:00
.gitignore chore: rename flowy_board to appflowy_board 2022-08-08 10:27:58 +08:00
.metadata chore: rename flowy_board to appflowy_board 2022-08-08 10:27:58 +08:00
analysis_options.yaml chore: rename flowy_board to appflowy_board 2022-08-08 10:27:58 +08:00
CHANGELOG.md chore: become editing when creating a new card 2022-08-29 17:52:36 +08:00
LICENSE chore: rename flowy_board to appflowy_board 2022-08-08 10:27:58 +08:00
pubspec.yaml chore: update packages's flutter_lint version 2022-08-31 11:15:35 +08:00
README.md docs: readme for appflowy_board 2022-09-05 17:58:53 +08:00

appflowy_board

AppFlowy Board

A customizable and draggable Kanban Board widget for Flutter

DiscordTwitter

Intro

appflowy_board is a customizable and draggable Kanban Board widget for Flutter. You can use it to create a Kanban Board tool like those in Trello.

Check out AppFlowy to see how appflowy_board is used to build a BoardView database.

Getting Started

Add the AppFlowy Board Flutter package to your environment.

With Flutter:

flutter pub add appflowy_board

This will add a line like this to your package's pubspec.yaml (and run an implicit flutter pub get):

dependencies:
  appflowy_board: ^0.0.6

Import the package in your Dart file:

import 'package:appflowy_board/appflowy_board.dart';

Usage Example

To quickly grasp how it can be used, look at the /example/lib folder. First, run main.dart to play with the demo.

Second, let's delve into multi_board_list_example.dart to understand a few key components:

  • A Board widget is created via instantiating an AFBoard() object.
  • In the AFBoard() object, you can find:
    • AFBoardDataController, which is defined in board_data.dart, is feeded with prepopulated mock data. It also contains callback functions to materialize future user data.
    • Three builders: AppFlowyColumnHeader, AppFlowyColumnFooter, AppFlowyColumnItemCard. See below image for what they are used for.

Glossary

Please refer to the API documentation.

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

Please look at CONTRIBUTING.md for details.

License

Distributed under the AGPLv3 License. See LICENSE for more information.