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

Fix toolbar icon not updating

Browse source
This commit is contained in:
Arnaud Vergnet 2020-04-16 00:09:43 +02:00
parent c52fa3a7d8
commit fe4d9ffecf
1 changed files with 18 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
src/components/Custom/AnimatedBottomBar.js
View file

@ -41,8 +41,9 @@ class AnimatedBottomBar extends React.Component<Props, State> {
this.displayModeIcons[DISPLAY_MODES.MONTH] = "calendar-range";
}
shouldComponentUpdate(nextProps: Props) {
return (nextProps.currentGroup !== this.props.currentGroup);
shouldComponentUpdate(nextProps: Props, nextState: State) {
return (nextProps.currentGroup !== this.props.currentGroup)
|| (nextState.currentMode !== this.state.currentMode);
}
onScroll = (event: Object) => {
@ -85,20 +86,9 @@ class AnimatedBottomBar extends React.Component<Props, State> {
style={{marginLeft: 5}}
onPress={() => this.props.onPress('today', undefined)}/>
</View>
<View style={{
position: "absolute",
left: 0,
right: 0,
alignItems: "center",
width: '100%',
height: '100%'
}}>
<View style={styles.fabContainer}>
<FAB
style={{
position: 'absolute',
alignSelf: 'center',
top: -10,
}}
style={styles.fab}
icon="account-clock"
onPress={() => this.props.navigation.navigate('group-select')}
/>
@ -134,6 +124,19 @@ const styles = StyleSheet.create({
alignItems: 'center',
borderRadius: 50,
elevation: 2,
},
fabContainer: {
position: "absolute",
left: 0,
right: 0,
alignItems: "center",
width: '100%',
height: '100%'
},
fab: {
position: 'absolute',
alignSelf: 'center',
top: -10,
}
});