Question

如何在react-native的启动画面中添加动画。我在启动画面上有一个ImageView。我想在ImageView或任何其他动画上添加脉冲效果。我找不到任何解决方案。请帮助我做到这一点。在此先感谢。

代码-

 <ProgressBar
    android:id="@+id/progress"
    style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="match_parent"
    android:layout_height="10dp"
    android:layout_alignParentTop="true"
    android:indeterminate="true"
    android:theme="@style/progress"
    />

<ImageView
    android:id="@+id/splashlogo"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:layout_centerInParent="true"
    android:src="@mipmap/myihalogo" />

Answer 1

尝试将react-native-lottie用于Splashscreen中的动画。香港专业教育学院实现了这一点，并且渲染得非常漂亮。基本上是一个JSON文件，它是动画，需要呈现。

希望有帮助。放心怀疑。

Answer 2

一开始我搜索了很多关于用lottie动画改变ios的LaunchScreen.storyboard的文章。但是，Xcode 强制 LaunchScreen.storyboard 应该是静态屏幕。所以，我在静态启动屏幕加载后插入了动画代码。也许，启动屏幕是必不可少的，因为它是 ios 中初始加载资源的加载屏幕。如果您删除启动屏幕，则 ios 应用程序在首次加载时会显示黑屏或白屏。 Remove launch screen, Xcode 7

如果您在 React Native 中寻找动画启动屏幕，我建议您查看此包。

<块引用>

https://www.npmjs.com/package/react-native-lottie-splash-screen

它使用airbnb lottie文件实现动画闪屏。此外，我将此应用于多个反应本机项目，并且效果很好。祝你有美好的一天！

开机画面上的动画

2 个答案: