From e658cc2fa27a434f41d3577ea5e1ef148f0458e1 Mon Sep 17 00:00:00 2001
From: Arnaud Vergnet <vergnet@etud.insa-toulouse.fr>
Date: Fri, 17 Apr 2020 21:19:44 +0200
Subject: [PATCH] Added start animation

---
 src/components/Tabbar/CustomTabBar.js | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/components/Tabbar/CustomTabBar.js b/src/components/Tabbar/CustomTabBar.js
index ca9208a..ba4b87a 100644
--- a/src/components/Tabbar/CustomTabBar.js
+++ b/src/components/Tabbar/CustomTabBar.js
@@ -1,8 +1,8 @@
 import * as React from 'react';
-import {View} from "react-native";
 import {withTheme} from 'react-native-paper';
 import TabIcon from "./TabIcon";
 import TabHomeIcon from "./TabHomeIcon";
+import * as Animatable from 'react-native-animatable';
 
 type Props = {
     state: Object,
@@ -42,10 +42,15 @@ class CustomTabBar extends React.Component<Props> {
         const descriptors = this.props.descriptors;
         const navigation = this.props.navigation;
         return (
-            <View style={{
-                flexDirection: 'row',
-                height: TAB_BAR_HEIGHT,
-            }}>
+            <Animatable.View
+                animation={"fadeInUp"}
+                duration={500}
+                useNativeDriver
+                style={{
+                    flexDirection: 'row',
+                    height: TAB_BAR_HEIGHT,
+                }}
+            >
                 {state.routes.map((route, index) => {
                     const {options} = descriptors[route.key];
                     const label =
@@ -87,7 +92,7 @@ class CustomTabBar extends React.Component<Props> {
                             key={route.key}
                         />
                 })}
-            </View>
+            </Animatable.View>
         );
     }
 }