Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
Package detailsv1.0.4

constrained_scrollable_views

Set of useful scrollable views includes ConstrainedScrollView, ScrollableColumn, and ScrollableRow.

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
110
Likes
44
Pub points
160

Install package

flutter pub add constrained_scrollable_views

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A Flutter package offering specialized scrollable views like ConstrainedScrollView, ScrollableColumn, and ScrollableRow. These components provide enhanced control over scrolling behavior within constrained layouts, ensuring content fits within defined boundaries while maintaining smooth scrolling. Ideal for UIs requiring responsive, flexible scroll containers with predictable sizing and alignment.

Use cases

  • Creating responsive scrollable layouts
  • Building constrained vertical or horizontal lists
  • Implementing scrollable sections in fixed-width containers
  • Designing adaptive UIs across multiple platforms
  • Managing nested scroll behaviors
  • Optimizing layout performance in complex widgets

Key features

  • Supports both vertical and horizontal scrolling
  • Enforces size constraints during scrolling
  • Provides built-in alignment and padding options
  • Integrates seamlessly with existing Flutter layouts
  • Offers lightweight, focused functionality
  • Ensures consistent behavior across platforms

Suitable for

  • Developers building responsive UIs
  • Teams needing precise scroll control
  • Projects with complex nested scroll structures
  • Cross-platform applications targeting multiple devices
  • UI designers seeking predictable scroll behavior

Considerations

  • Limited to scrollable container use cases
  • Does not replace full scroll view customization
  • Requires understanding of Flutter's layout system
  • Best suited for specific constrained scenarios
  • May have minimal overhead for simple scrollable needs

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Constrained Scrollable Views

Pub style: very good analysis License: MIT

Set of useful scrollable views includes ConstrainedScrollView, ScrollableColumn, and ScrollableRow.

  • ConstrainedScrollView is a combination of LayoutBuilder and SingleChildScrollView.
  • ScrollableColumn is Column wrapped by ConstrainedScrollView.
  • ScrollableRow is Row wrapped by ConstrainedScrollView.

Usage

Example of using ConstrainedScrollView:

ConstrainedScrollView(
  padding: const EdgeInsets.all(8),
  physics: const BouncingScrollPhysics(),
  constraintsBuilder: (constraints) => BoxConstraints(
    minWidth: constraints.maxWidth,
    minHeight: constraints.maxHeight,
  ),
  child: const Center(
    child: Text('ScrollView value'),
  ),
)

Example of using ScrollableColumn:

ScrollableColumn(
  padding: const EdgeInsets.all(8),
  physics: const BouncingScrollPhysics(),
  constraintsBuilder: (constraints) => BoxConstraints(
    minHeight: constraints.maxHeight,
  ),
  children: [
    for (var i = 0; i <= 100; i++)
      Padding(
        padding: const EdgeInsets.all(4),
        child: Text('Column value: $i'),
      ),
  ],
)

Example of using ScrollableRow:

ScrollableRow(
  padding: const EdgeInsets.all(8),
  physics: const BouncingScrollPhysics(),
  constraintsBuilder: (constraints) => BoxConstraints(
    minWidth: constraints.maxWidth,
  ),
  children: [
    for (var i = 0; i <= 100; i++)
      Padding(
        padding: const EdgeInsets.all(4),
        child: Text('Row value: $i'),
      ),
  ],
)

Categories

Scrollable, ScrollView & Scrollbar

Source repository

Projects using this package

No data available yet.