Whiteboard class

Whiteboard - Real-time collaborative drawing and annotation canvas

A feature-rich whiteboard component for collaborative drawing, annotations, and visual brainstorming. Supports freehand drawing, shapes, text, images, erasers, undo/redo, zoom/pan, and real-time synchronization across participants. Perfect for virtual classrooms, design reviews, workshops, and interactive presentations.

Features:

  • Freehand drawing with customizable brush and thickness
  • Shape tools (rectangle, circle, line, triangle, polygon, etc.)
  • Text annotations with font customization
  • Image uploads and background images
  • Eraser tool with adjustable size
  • Undo/redo functionality
  • Zoom in/out with pan navigation
  • Color palette selection
  • Line type selection (solid, dashed, dotted)
  • Real-time socket synchronization
  • Multi-user collaboration with user tracking
  • Touch and mouse input support

Example:

Whiteboard(
  options: WhiteboardOptions(
    customWidth: 1280,
    customHeight: 720,
    parameters: whiteboardParameters,
    showAspect: true,
  ),
)
Inheritance

Constructors

Whiteboard({Key? key, required WhiteboardOptions options})
const

Properties

hashCode → int
The hash code for this object.
no setterinherited
key → Key?
Controls how one widget replaces another widget in the tree.
finalinherited
options → WhiteboardOptions
final
runtimeType → Type
A representation of the runtime type of the object.
no setterinherited

Methods

createElement() → StatefulElement
Creates a StatefulElement to manage this widget's location in the tree.
inherited
createState() → State<Whiteboard>
Creates the mutable state for this widget at a given location in the tree.
override
debugDescribeChildren() → List<DiagnosticsNode>
Returns a list of DiagnosticsNode objects describing this node's children.
inherited
debugFillProperties(DiagnosticPropertiesBuilder properties) → void
Add additional properties associated with the node.
inherited
noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
toDiagnosticsNode({String? name, DiagnosticsTreeStyle? style}) → DiagnosticsNode
Returns a debug representation of the object that is used by debugging tools and by DiagnosticsNode.toStringDeep.
inherited
toString({DiagnosticLevel minLevel = DiagnosticLevel.info}) → String
A string representation of this object.
inherited
toStringDeep({String prefixLineOne = '', String? prefixOtherLines, DiagnosticLevel minLevel = DiagnosticLevel.debug, int wrapWidth = 65}) → String
Returns a string representation of this node and its descendants.
inherited
toStringShallow({String joiner = ', ', DiagnosticLevel minLevel = DiagnosticLevel.debug}) → String
Returns a one-line detailed description of the object.
inherited
toStringShort() → String
A short, textual description of this widget.
inherited

Operators

operator ==(Object other) → bool
The equality operator.
inherited