Resizable

A box which children can be resized along either the horizontal or vertical axis.

Usage

FResizable(...)

FResizable(
  controller: FResizableController.cascade(
    onResizeUpdate: (regions) => print(regions),
    onResizeEnd: (regions) => print(regions),
  ),
  axis: Axis.vertical,
  divider: FResizableDivider.dividerWithThumb,
  crossAxisExtent: 400,
  children: [
    FResizableRegion(
      initialSize: 200,
      minSize: 100,
      builder: (context, data, child) => child!,
      child: const Placeholder(),
    ),
  ],
);

Examples

Without Cascading

Horizontal

Divider with No Thumb

Without Divider