40 lines
1010 B
Dart
40 lines
1010 B
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_hooks/flutter_hooks.dart';
|
|
|
|
void useSyncPageWithTab(
|
|
TabController tabController,
|
|
PageController pageController, {
|
|
void Function(int index)? onIndexChanged,
|
|
}) {
|
|
useEffect(
|
|
() {
|
|
Future<void> syncPage() async {
|
|
await pageController.animateToPage(
|
|
tabController.index,
|
|
curve: Curves.linear,
|
|
duration: const Duration(milliseconds: 300),
|
|
);
|
|
onIndexChanged?.call(tabController.index);
|
|
}
|
|
|
|
void syncTab() {
|
|
if (!tabController.indexIsChanging) {
|
|
final index = pageController.page!.round();
|
|
|
|
tabController.animateTo(index);
|
|
onIndexChanged?.call(index);
|
|
}
|
|
}
|
|
|
|
tabController.addListener(syncPage);
|
|
pageController.addListener(syncTab);
|
|
|
|
return () {
|
|
tabController.removeListener(syncPage);
|
|
pageController.removeListener(syncTab);
|
|
};
|
|
},
|
|
[tabController, pageController],
|
|
);
|
|
}
|