diff options
| author | George Rusu <george@tagg.id> | 2021-05-07 13:53:58 -0700 |
|---|---|---|
| committer | George Rusu <george@tagg.id> | 2021-05-07 13:53:58 -0700 |
| commit | a012a0af8912edffb909f24f1bc905b733e23385 (patch) | |
| tree | bd6ac1e55d0b7b7404551c9c922f4e62adf30c7e /src/components/onboarding/ArrowButton.tsx | |
| parent | 1b385f90bc767429971d1748299f33ac542fe429 (diff) | |
added new Arrow, working on transition animation
Diffstat (limited to 'src/components/onboarding/ArrowButton.tsx')
| -rw-r--r-- | src/components/onboarding/ArrowButton.tsx | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/src/components/onboarding/ArrowButton.tsx b/src/components/onboarding/ArrowButton.tsx index bf07c6ac..57ebc774 100644 --- a/src/components/onboarding/ArrowButton.tsx +++ b/src/components/onboarding/ArrowButton.tsx @@ -4,6 +4,7 @@ import {Image, TouchableOpacity, TouchableOpacityProps} from 'react-native'; interface ArrowButtonProps extends TouchableOpacityProps { direction: 'forward' | 'backward'; disabled?: boolean; + onboarding?: boolean } const ArrowButton: React.FC<ArrowButtonProps> = (props: ArrowButtonProps) => { const arrow = @@ -11,7 +12,9 @@ const ArrowButton: React.FC<ArrowButtonProps> = (props: ArrowButtonProps) => { ? props.disabled ? require('../../assets/images/arrow-forward-disabled.png') : require('../../assets/images/arrow-forward-enabled.png') - : require('../../assets/images/arrow-backward.png'); + : require('../../assets/images/arrow-backward.png') + ? props.onboarding + : require ('../../assets/images/onboarding-arrow.png') return ( <TouchableOpacity {...props}> |