kylefang/react-native-paper
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-native-paper.git synced 2026-06-16 11:59:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: reduce non-shifting animation duration and background color for bottom navigation (#319)

Browse Source
This commit is contained in:
Ferran Negre
2018-04-17 14:08:59 +02:00
committed by Satyajit Sahoo
parent b544a42e2d
commit 4ce565bf23
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/BottomNavigation.js
View File

@@ -15,7 +15,7 @@ import color from 'color';
import Icon from './Icon';
import Paper from './Paper';
import Text from './Typography/Text';
import { black, white } from '../styles/colors';
import { black, grey900, white } from '../styles/colors';
import withTheme from '../core/withTheme';
import type { Theme } from '../types';
import type { IconSource } from './Icon';
@@ -368,12 +368,12 @@ class BottomNavigation<T: Route> extends React.Component<Props<T>, State> {
useNativeDriver: true,
}),
Animated.sequence([
Animated.delay(100),
Animated.delay(this.props.shifting ? 100 : 0),
Animated.parallel([
...routes.map((_, i) =>
Animated.timing(this.state.tabs[i], {
toValue: i === index ? 1 : 0,
duration: 200,
duration: this.props.shifting ? 200 : 150,
useNativeDriver: true,
})
),
@@ -462,7 +462,7 @@ class BottomNavigation<T: Route> extends React.Component<Props<T>, State> {
backgroundColor: approxBackgroundColor = shifting
? colors.primary
: theme.dark
? black
? grey900
: white,
} =
StyleSheet.flatten(barStyle) || {};