stack_art_board 0.0.2 copy "stack_art_board: ^0.0.2" to clipboard
stack_art_board: ^0.0.2 copied to clipboard

A Flutter package consisting of stacks that allows adding any widgets, and enables editing, deleting, and changing the order of layers.

Stack Art Board #

A Flutter package consisting of stacks that allows adding any widgets, and enables editing, deleting, and changing the order of layers.

pub package GitHub stars GitHub forks


For a more throughout example see the example.


Initialize a StackArtboard #

import 'package:stack_art_board/stack_art_board.dart';

final StackArtBoardController controller = StackArtBoardController();

StackArtBoard(
    stackArtBoardKey: UniqueKey(),
    controller: controller,
    artBoardConfig: ArtBoardConfig(
    containerSize: const Size(300, 300),
    artBoardSize: const Size(3000, 3000),
    toolIconWidth: 20,
    borderWidth: 5,
    borderColor: Colors.black,
    rotateWidget: Container(color: Colors.orange),
    deleteWidget: Container(color: Colors.purple),
    ),
    background: Container(color: Colors.green),
),

Add a custom Widget #

controller.add(
    CustomCanvasItem(
        child: Container(
            color: Colors.red,
            child: const Center(
                child: Text('text'),
            ),
        ),
        canvasConfig: CanvasConfig(
            size: const Size(600, 600),
            transform: Matrix4.identity(),
            allowUserInteraction: true,
        ),
    ),
);

Add an Image widget with the ability to penetrate click events through transparent areas of the image. #

final ByteData data = await rootBundle.load('assets/image.png');
final imageBytes = data.buffer.asUint8List();
final image = img_lib.decodeImage(imageBytes);
if (image == null) return;
controller.add(
    TransparentBgImageCanvasItem(
        image: image,
        imageBytes: imageBytes,
        canvasConfig: CanvasConfig(
            size: Size(image.width.toDouble(), image.height.toDouble()),
            transform: Matrix4.identity(),
            allowUserInteraction: true,
        ),
    ),
);

All canvas operations #

void add<T extends CanvasItem>(T item)
void insert<T extends CanvasItem>(T item, int index)
void remove(Key key)
void removeExcept(Key key)
bool contain(Key key)
void clear()
void moveToTop()
void moveToBottom()
void move(int oldIndex, int newIndex)
void reset()
void dispose()
3
likes
130
points
62
downloads

Publisher

unverified uploader

Weekly Downloads

A Flutter package consisting of stacks that allows adding any widgets, and enables editing, deleting, and changing the order of layers.

Repository (GitHub)
View/report issues

Documentation

API reference

License

BSD-3-Clause (license)

Dependencies

flutter, flutter_riverpod, image, riverpod_annotation

More

Packages that depend on stack_art_board