float_column 1.2.3 copy "float_column: ^1.2.3" to clipboard
float_column: ^1.2.3 copied to clipboard

Flutter FloatColumn widget for building a vertical column of widgets and text where the text wraps around floated widgets, similar to how CSS float works.

float_column #

Pub

Flutter FloatColumn widget for building a vertical column of widgets and text where the text wraps around floated widgets, similar to how CSS float works.

Try it out at: https://ronjb.github.io/float_column

Example #

You can use it for drop caps and so much more:

Example with left-to-right text

Example with right-to-left text #

Example with right-to-left text

FloatColumn widgets can be floated and nested #

Example with nested FloatColumn widgets

Getting Started #

Add this to your app's pubspec.yaml file:

dependencies:
  float_column: ^1.2.2

Usage #

Then you have to import the package with:

import 'package:float_column/float_column.dart';

And use FloatColumn where appropriate. For example:

FloatColumn(
  children: const [
    Floatable(
      float: FCFloat.start,
      padding: EdgeInsets.only(right: 8),
      child: _Box(Text('Box 1')),
    ),
    Floatable(
      float: FCFloat.end,
      clear: FCClear.both,
      clearMinSpacing: 20,
      padding: EdgeInsets.only(left: 8),
      child: _Box(Text('Box 2')),
    ),
    WrappableText(text: 'This text will wrap around the floated widgets...'),
  ],
),
54
likes
0
pub points
91%
popularity

Publisher

verified publisherronbooth.com

Flutter FloatColumn widget for building a vertical column of widgets and text where the text wraps around floated widgets, similar to how CSS float works.

Repository (GitHub)
View/report issues

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on float_column