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

Added safe area for tab bar

Browse source
This commit is contained in:
Arnaud Vergnet 2020-05-27 15:30:01 +02:00
parent a27d0b7fa6
commit 7658cbcb16
1 changed files with 28 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -3,6 +3,7 @@ import {withTheme} from 'react-native-paper';
import TabIcon from "./TabIcon";
import TabHomeIcon from "./TabHomeIcon";
import {Animated} from 'react-native';
import {SafeAreaView} from 'react-native-safe-area-context';
type Props = {
state: Object,
@ -73,7 +74,7 @@ class CustomTabBar extends React.Component<Props, State> {
return icon;
else
return null;
};
};
onRouteChange = () => {
@ -134,6 +135,7 @@ class CustomTabBar extends React.Component<Props, State> {
render() {
this.props.navigation.addListener('state', this.onRouteChange);
return (
<SafeAreaView>
<Animated.View
ref={this.tabRef}
// animation={"fadeInUp"}
@ -152,6 +154,7 @@ class CustomTabBar extends React.Component<Props, State> {
>
{this.props.state.routes.map(this.renderIcon)}
</Animated.View>
</SafeAreaView>
);
}
}