flutter anchor_scroll_controller
This package implement a ScrollController which supports anchor. That is, AnchorScrollController supports to scroll to index and listen to index changed while scrolling by user.
Features
-
Scroll to index
-
Listen to index changed
Getting Started
In the pubspec.yaml of your flutter project, add the following dependency:
dependencies:
...
anchor_scroll_view: <latest_version>
In your library add the following import:
import 'package:anchor_scroll_controller/anchor_scroll_controller.dart';
import 'package:anchor_scroll_controller/anchor_scroll_wrapper.dart';
Initialize an AnchorScrollController object and use it as the ScrollController of ListView, and wrap the items in the ListView with AnchorItemWrapper
late final AnchorScrollController _scrollController;
@override
void initState() {
super.initState();
_scrollController = AnchorScrollController(
onIndexChanged: (index) {
_tabController?.animateTo(index);
},
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("GeneralScrollViewWidget"),
),
body: Column(
children: [
Expanded(
child: ListView.builder(
controller: _scrollController,
itemCount: length,
itemBuilder: (context, index) => AnchorItemWrapper(
key: ValueKey(index),
index: index,
controller: _scrollController,
child: Container(
height: 50.0 + Random().nextInt(50),
color: Colors.primaries[index % Colors.primaries.length],
alignment: Alignment.center,
child: Text(index.toString(),
style: const TextStyle(fontSize: 24, color: Colors.black)),
),
)
),
),
... // omit more code
],
)
);
...
// call AnchorScrollController.scrollToIndex() to scroll to the target index item
_scrollController.scrollToIndex(index);
...
![[Bug] onIndexChanged doesn't get called on scrollToIndex](https://avatars.githubusercontent.com/u/11785085?v=4)
10 Dec 29, 2022
24 Dec 15, 2022
4 Jun 9, 2022
3 Apr 22, 2022
4 Nov 28, 2022
7 Nov 26, 2022
6 Nov 5, 2022
17 Nov 7, 2022
46 Dec 19, 2021
11.2k Jan 3, 2023