FLUTTER ECOSYSTEM

float_column

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 cover
Latest version
4.0.3
30-day downloads
6.5K
Likes
83
Pub points
160

Package Overview

Selection guidance generated from public package information. For reference only.

Overview

The float_column package provides a Flutter widget that enables vertical column layouts with text wrapping around floated child widgets, mimicking CSS float behavior. It's ideal for creating fluid, magazine-style layouts where text flows around images or other elements. The widget supports multiple platforms including Android, iOS, Web, macOS, Windows, and Linux, making it versatile for cross-platform apps. It enhances UI flexibility by combining layout precision with dynamic content flow.

Use cases
  • Magazine-style article layouts
  • Product listings with image and text
  • Dynamic content cards with floating elements
  • Responsive web layouts
  • Social media post displays
Key features
  • Text wrapping around floated widgets
  • Cross-platform compatibility
  • Flexible column-based structure
  • Supports mixed widget types
  • Easy integration with existing Flutter code
Suitable for
  • UI designers needing CSS-like float behavior
  • Developers building content-rich apps
  • Apps requiring responsive text flow
  • Web and mobile hybrid projects
  • Complex layout scenarios
Considerations
  • May require careful alignment testing
  • Performance impact with many floated elements
  • Limited support for nested floats
  • Not suitable for highly complex grid systems
  • Requires understanding of layout constraints
Supported platformsAndroidiOSWebmacOSWindowsLinux

Install package

flutter pub add float_column

Categories

Source repository

Related projects