React Native Lottie 闪屏答案

【问题标题】：React Native Lottie Splash ScreenReact Native Lottie 闪屏
【发布时间】：2021-08-21 22:34:28
【问题描述】：

我对 Lottie 有一些问题。我不能继续这个库。我有一个准备好 .json 文件的动画，我想在 启动画面上使用它。 我不知道如何使用它。更准确地说，我找不到任何关于我使用的脚本的文档。

安装了这个：

npm i --save lottie-react-native
npm i --save lottie-ios@3.2.3

我还阅读了世博会关于加载屏幕的文档，但我想这不是很相关。我在其他方法中使用的方式不同。由于我是一名新生，我选择了 Expo CLI。而且我知道我正在使用 Babel 作为转译器。

所以我期待您的指示。

【问题讨论】：

【解决方案1】：

如果您在 react native 中寻找使用 lottie 的动画启动屏幕，我建议您查看这个包。

它使用airbnb lottie文件实现动画启动画面。此外，我将它应用于多个 react native 项目并且效果很好。

你应该在堆栈溢出的同一个问题中检查这个！ (React native iOS - splash screen using lottie file)

【讨论】：

【解决方案2】：

使用动画第一帧的Image为Splash Screen 然后在闪屏隐藏后立即开始动画当动画停止时，也将其隐藏

【讨论】：