Layout

Resizable

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

CLI

To generate a specific style for customization:

dart run forui style create resizables

Usage

FResizable(...)

1FResizable(
2 style: const .context(),
3 axis: .vertical,
4 divider: .dividerWithThumb,
5 children: [
6 .fixed(
7 extent: 200,
8 minExtent: 100,
9 builder: (context, data, child) => child!,
10 ),
11 .flex(flex: 2, minFlex: 1, builder: (context, data, child) => child!),
12 ],
13)

FResizableRegion.fixed(...)

1FResizableRegion.fixed(
2 extent: 200,
3 minExtent: 100,
4 builder: (context, data, child) => child!,
5 child: const Placeholder(),
6)

FResizableRegion.flex(...)

1FResizableRegion.flex(
2 flex: 2,
3 minFlex: 1,
4 builder: (context, data, child) => child!,
5 child: const Placeholder(),
6)

Examples

Without Cascading

Horizontal

Divider with No Thumb

Without Divider

On this page