search

HwangTaehyun / react-native-lottie-splash-screen

⚡ Lottie splash screen for your react native app!
MIT License
221 stars 61 forks source link

Using this library on expo? #14

Closed sykhan88 closed 2 years ago

sykhan88 commented 3 years ago

Hi, Any implementation of this package on expo? If yes, can you please share an example or provide starting info?

ernestofgonzalez commented 3 years ago

Are you using expo managed workflow by any chance? If so, I don't think it's possible to use this package in your project, because managed workflow does not give access to native files.

sykhan88 commented 3 years ago

Hi, That’s correct. So will need to eject from expo managed workflow to use this. I might have to figure something else out because dont want to eject yet. Just havnet found a way to add a slick animation in splash screen. Not sure why theyv made it so hard.

Regards, Shaheryar.

On Wed, 25 Aug 2021 at 20:12, Ernesto F. González @.***> wrote:

Are you using expo managed workflow by any chance? If so, I don't think it's possible to use this package in your project, because managed workflow does not give access to native files.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/HwangTaehyun/react-native-lottie-splash-screen/issues/14#issuecomment-905802484, or unsubscribe https://github.com/notifications/unsubscribe-auth/AE7NAOO5B7AV236XOZVMX3TT6U6ARANCNFSM5CVTFPLQ .

ernestofgonzalez commented 3 years ago

Maybe you could just make a fake splash screen, displaying your own component with a Lottie animation while your assets load. You could use lottie-react-native directly. See this Reddit thread, with a Youtube video, explaining how.

sykhan88 commented 3 years ago

I did think of that and checked up youtube video. My only challenge with that is how to show the splash screen when user has closed the app and reopens it. I dont want to show the splash everytime appstate goes from Background/inactive to active. React doesnt have a way of showing if the the app was formally closed. If i ran compenent based on that logic, even if the up goes into background, and then comes back up, the compoment will run. Am i correct on this? Any slick way around this?

On Thu, 26 Aug 2021 at 15:00, Ernesto F. González @.***> wrote:

Maybe you could just make a fake splash screen, displaying your own component with a Lottie animation while your assets load. You could use lottie-react-native directly. See this Reddit thread https://www.reddit.com/r/reactnative/comments/j2how8/splash_screen_with_lottie_in_react_native/, with a Youtube video, explaining how.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/HwangTaehyun/react-native-lottie-splash-screen/issues/14#issuecomment-906440201, or unsubscribe https://github.com/notifications/unsubscribe-auth/AE7NAOJ6Z7EC3H2AD2TKDPTT6ZCIFANCNFSM5CVTFPLQ .

ernestofgonzalez commented 3 years ago

I don't think that would happen. If you're using react-navigation, you'd have the App component which returns the splash screen for like half a second, then the fake splash screen, and when all the assets are loaded and fetches have resulted you can make the App return your main navigation stack. Meaning, when the app goes into background and foreground again, it would preserve the navigation state and not show the fake splash screen.

HwangTaehyun commented 2 years ago

Sorry for my late reply! @sykhan88 I don't have any examples for expo.. Sorry...

HwangTaehyun commented 1 year ago

@sykhan88 I applied this to the expo bare workflow and add some info to README.md!

Noitidart commented 1 year ago

Thanks very much. Expo these days has config plug-ins which allow for native. I haven't been able to successfully do this yet but just sharing in case a kind can https://docs.expo.dev/modules/config-plugin-and-native-module-tutorial/