Resizable – Forui (original) (raw)

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

Preview

Usage

FResizable(...)

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

Examples

Without Cascading

Preview

Horizontal

Preview

Divider with No Thumb

Preview

Without Divider

Preview

Last updated on

May 7, 2025

DividerScaffold