Skip to content

VB10/float_column

 
 

Repository files navigation

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: ^2.1.5

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...'),
  ],
),

About

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.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • Dart 85.2%
  • C++ 6.9%
  • CMake 3.4%
  • HTML 1.7%
  • Ruby 1.2%
  • CSS 0.7%
  • Other 0.9%