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

Added start animation

Browse source
This commit is contained in:
Arnaud Vergnet 2020-04-17 21:19:44 +02:00
parent d0ced5d1e6
commit e658cc2fa2
1 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/components/Tabbar/CustomTabBar.js
View file

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