annie e3d0e7c871 docs: readme for appflowy_board 2 年之前
..
example e3d0e7c871 docs: readme for appflowy_board 2 年之前
lib e3d0e7c871 docs: readme for appflowy_board 2 年之前
test a333f558f4 chore: rename flowy_board to appflowy_board 2 年之前
.gitignore a333f558f4 chore: rename flowy_board to appflowy_board 2 年之前
.metadata a333f558f4 chore: rename flowy_board to appflowy_board 2 年之前
CHANGELOG.md af3bfebb64 chore: become editing when creating a new card 2 年之前
LICENSE a333f558f4 chore: rename flowy_board to appflowy_board 2 年之前
README.md e3d0e7c871 docs: readme for appflowy_board 2 年之前
analysis_options.yaml a333f558f4 chore: rename flowy_board to appflowy_board 2 年之前
pubspec.yaml c19b7cf856 chore: update packages's flutter_lint version 2 年之前

README.md

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.