Skip to content

Introduction to CustomBoxy

CustomBoxy API Docs

CustomBoxy is a widget that uses a delegate to implement a custom RenderObject.

This is essentially a more powerful version of CustomMultiChildLayout or CustomPaint, it allows you to inflate, constrain, and lay out each child manually, it also allows its size to depend on the layout of its children.

This is overkill in most cases, so before diving in you may want to check if some combination of Stack, LayoutBuilder, CustomMultiChildLayout, or Flow is more suitable.

Sections

Hello, World!
Creating a basic BoxyDelegate
BoxyChild
Laying out children
BoxyId
Identifying children by name
Painting
Custom painting
Layers
Extra compositing effects
Widget Inflation
Building arbitrary widgets during layout

Examples

Square Layout
Simple square layout created with CustomBoxy
Evenly Sized Row
Row where each child has the same size
Product Tile
Stacking children with a dynamic sizes
Tree View
Complex tree layout with arbitrary widgets as nodes