Description:

sync scroll

SyncScroll #
Synchronous scrolling of multiple scrollable widgets.
Getting Started #
SyncScroll allows you to make synchronous scrolling of two or more scrollable widgets, for example, two horizontal ListView.
For example:

DefaultSyncScrollController(
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
// First ListView
Container(
width: double.infinity,
height: 60,
child: ClientScrollController(
builder: (context, controller) => ListView.builder(
physics: BouncingScrollPhysics(),
controller: controller,
scrollDirection: Axis.horizontal,
itemCount: 20,
itemBuilder: (context, index) => Container(
width: 80,
height: 60,
alignment: Alignment.center,
child: Text('Cell $index'),
),
),
),
),

const Divider(),

// Second ListView
Container(
width: double.infinity,
height: 60,
child: ClientScrollController(
builder: (context, controller) => ListView.builder(
physics: BouncingScrollPhysics(),
controller: controller,
scrollDirection: Axis.horizontal,
itemCount: 20,
itemBuilder: (context, index) => Container(
width: 80,
height: 60,
alignment: Alignment.center,
child: Text('Cell $index'),
),
),
),
),

],
),
);
copied to clipboard

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter