lpitault/application-amicale
1
0
Fork 0
forked from vergnet/application-amicale
Code Issues Pull requests Releases Wiki Activity

Improved tab icon animations

Browse source
This commit is contained in:
Arnaud Vergnet 2020-04-17 15:55:53 +02:00
parent 13e7a3b593
commit 9d52fd94ef
2 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/Tabbar/TabHomeIcon.js
View file

@ -20,7 +20,7 @@ const AnimatedFAB = Animatable.createAnimatableComponent(FAB);
class TabHomeIcon extends React.Component<Props> {
focusedIcon = require('../../../assets/tab-icon.png');
unFocusedIcon = require('../../../assets/tab-icon-outline.png');
unFocusedIcon = require('../../../assets/tab-icon-outline.png'); // has a weird rotating on icon change
constructor(props) {
super(props);
@ -30,15 +30,15 @@ class TabHomeIcon extends React.Component<Props> {
scale: 1, translateY: 0
},
"0.9": {
scale: 1.4, translateY: -6
scale: 1.3, translateY: -6
},
"1": {
scale: 1.3, translateY: -5
scale: 1.2, translateY: -5
},
},
fabFocusOut: {
"0": {
scale: 1.3, translateY: -5
scale: 1.2, translateY: -5
},
"1": {
scale: 1, translateY: 0

6
src/components/Tabbar/TabIcon.js
View file

@ -35,15 +35,15 @@ class TabIcon extends React.Component<Props> {
scale: 1, translateY: 0
},
"0.9": {
scale: 1.6, translateY: 6
scale: 1.5, translateY: 7
},
"1": {
scale: 1.5, translateY: 5
scale: 1.4, translateY: 6
},
},
focusOut: {
"0": {
scale: 1.5, translateY: 5
scale: 1.4, translateY: 6
},
"1": {
scale: 1, translateY: 0