firka/flutter
firka/flutter
5
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #520 from mpcomplete/tabs.indicator

Browse Source 
Fix tab indicator animation so it doesn't snap to the previous tab.
This commit is contained in:
mpcomplete 2015-08-10 16:57:03 -04:00
commit 03403d082a
1 changed files with 18 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
packages/flutter/lib/widgets/tabs.dart
View File

@ -21,6 +21,7 @@ import 'package:sky/widgets/icon.dart';
import 'package:sky/widgets/ink_well.dart';
import 'package:sky/widgets/scrollable.dart';
import 'package:sky/widgets/theme.dart';
import 'package:sky/widgets/transitions.dart';
import 'package:sky/widgets/framework.dart';
import 'package:vector_math/vector_math.dart';
@ -425,26 +426,11 @@ class TabBar extends Scrollable {
scrollBehavior.isScrollable = source.isScrollable;
}
void didMount() {
_indicatorAnimation.addListener(_indicatorAnimationUpdated);
super.didMount();
}
void didUnmount() {
_indicatorAnimation.removeListener(_indicatorAnimationUpdated);
super.didUnmount();
}
void _indicatorAnimationUpdated() {
setState(() {
});
}
AnimatedRect get _indicatorRect => _indicatorAnimation.variable as AnimatedRect;
void _startIndicatorAnimation(int fromTabIndex, int toTabIndex) {
_indicatorRect
..begin = _tabIndicatorRect(fromTabIndex)
..begin = (_indicatorRect.value == null ? _tabIndicatorRect(fromTabIndex) : _indicatorRect.value)
..end = _tabIndicatorRect(toTabIndex);
_indicatorAnimation
..progress = 0.0
@ -554,7 +540,12 @@ class TabBar extends Scrollable {
data: new IconThemeData(color: iconThemeColor),
child: new DefaultTextStyle(
style: textStyle,
child: new TabBarWrapper(
child: new BuilderTransition(
variables: [_indicatorRect],
direction: Direction.forward,
performance: _indicatorAnimation,
builder: () {
return new TabBarWrapper(
children: tabs,
selectedIndex: selectedIndex,
backgroundColor: backgroundColor,
@ -563,6 +554,8 @@ class TabBar extends Scrollable {
textAndIcons: textAndIcons,
isScrollable: isScrollable,
onLayoutChanged: _layoutChanged
);
}
)
)
)