zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

Tweaks (#2225) 

* Gradient

* Tweak animation speed

* Rotate

* Linear

* Linear
zio/stable
Eric Bailey 2023-12-17 13:55:47 -06:00 committed by GitHub
parent aac13aafce
commit 25f0527ad6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/icon-android-background.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 575 KiB

After

Width:  |  Height:  |  Size: 223 KiB

BIN
assets/icon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 551 KiB

After

Width:  |  Height:  |  Size: 452 KiB

8
src/Splash.tsx
View File

@ -79,7 +79,7 @@ export function Splash(props: React.PropsWithChildren<Props>) {
scale: interpolate(outroApp.value, [0, 1], [1.1, 1], 'clamp'), scale: interpolate(outroApp.value, [0, 1], [1.1, 1], 'clamp'),
}, },
], ],
opacity: interpolate(outroApp.value, [0, 0.7, 1], [0, 1, 1], 'clamp'), opacity: interpolate(outroApp.value, [0, 0.9, 1], [0, 1, 1], 'clamp'),
} }
}) })
@ -92,21 +92,21 @@ export function Splash(props: React.PropsWithChildren<Props>) {
intro.value = withTiming( intro.value = withTiming(
1, 1,
{duration: 800, easing: Easing.out(Easing.cubic)}, {duration: 200, easing: Easing.out(Easing.cubic)},
async () => { async () => {
// set these values to check animation at specific point // set these values to check animation at specific point
// outroLogo.value = 0.1 // outroLogo.value = 0.1
// outroApp.value = 0.1 // outroApp.value = 0.1
outroLogo.value = withTiming( outroLogo.value = withTiming(
1, 1,
{duration: 1200, easing: Easing.in(Easing.cubic)}, {duration: 1000, easing: Easing.in(Easing.cubic)},
() => { () => {
runOnJS(onFinish)() runOnJS(onFinish)()
}, },
) )
outroApp.value = withTiming( outroApp.value = withTiming(
1, 1,
{duration: 1200, easing: Easing.inOut(Easing.cubic)}, {duration: 1000, easing: Easing.inOut(Easing.cubic)},
() => { () => {
runOnJS(onFinish)() runOnJS(onFinish)()
}, },