toki/mattermost-mobile
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

modify animation times so it looks better and make slighter animation for ios

Browse source
This commit is contained in:
Pablo Velez Vidal 2022-11-17 19:36:16 +01:00
parent 96001c3553
commit b8535c09bd
2 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/screens/onboarding/index.tsx
View file

@ -100,6 +100,7 @@ const Onboarding = ({
style={styles.scrollContainer}
>
<Animated.ScrollView
scrollEventThrottle={16}
horizontal={true}
showsHorizontalScrollIndicator={false}
pagingEnabled={true}

8
app/screens/onboarding/slide.tsx
View file

@ -77,11 +77,11 @@ const SlideItem = ({theme, item, scrollX, index}: Props) => {
useEffect(() => {
if (index === FIRST_SLIDE) {
initialImagePosition.value = withTiming(0, {duration: 500});
initialTitlePosition.value = withTiming(0, {duration: 700});
initialDescriptionPosition.value = withTiming(0, {duration: 900});
initialImagePosition.value = withTiming(0, {duration: 600});
initialTitlePosition.value = withTiming(0, {duration: 800});
initialDescriptionPosition.value = withTiming(0, {duration: 1000});
initialElementsOpacity.value = withTiming(1, {duration: 900});
initialElementsOpacity.value = withTiming(1, {duration: 1000});
setFirstLoad(false);
}
}, []);