import React from 'react'; import {OnboardingStack} from './OnboardingStackNavigator'; import { Login, InvitationCodeVerification, RegistrationOne, RegistrationTwo, RegistrationThree, Verification, ProfileOnboarding, Checkpoint, SocialMedia, PasswordResetRequest, PasswordReset, WelcomeScreen, CategorySelection, AddWaitlistUserScreen, WaitlistSuccessScreen, } from '../../screens'; import {StackCardInterpolationProps} from '@react-navigation/stack'; import TaggPopup from '../../components/common/TaggPopup'; const forFade = ({current}: StackCardInterpolationProps) => ({ cardStyle: { opacity: current.progress, }, }); const Onboarding: React.FC = () => { return ( ({ cardStyle: { opacity: progress.interpolate({ inputRange: [0, 0.5, 0.9, 1], outputRange: [0, 0.25, 0.7, 1], }), }, overlayStyle: { backgroundColor: '#505050', opacity: progress.interpolate({ inputRange: [0, 1], outputRange: [0, 0.9], extrapolate: 'clamp', }), }, }), }} /> ); }; export default Onboarding;