初始屏幕 GIF 反应原生答案

【问题标题】：Splash screen GIF in react native初始屏幕 GIF 反应原生
【发布时间】：2020-02-26 16:37:58
【问题描述】：

我正在使用 android 和 ios 的本机代码制作一个带有 react native 的应用程序，在应用程序规范中需要一个带有 GiF 的启动画面，我已经插入了 react native 文档所需的依赖项

dependencies {
  // If your app supports Android versions before Ice Cream Sandwich (API level 14)
  implementation 'com.facebook.fresco:animated-base-support:1.3.0'

  // For animated GIF support
  implementation 'com.facebook.fresco:animated-gif:2.0.0'

  // For WebP support, including animated WebP
  implementation 'com.facebook.fresco:animated-webp:2.1.0'
  implementation 'com.facebook.fresco:webpsupport:2.0.0'

  // For WebP support, without animations
  implementation 'com.facebook.fresco:webpsupport:2.0.0'
}

GIF 支持在屏幕/组件中正常工作。但是，当我尝试将 GIF 放在初始屏幕上时它不起作用，有 GIF 的静态图像

import android.content.Intent;
import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;

public class SplashActivity extends AppCompatActivity {
     @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);

            Intent intent = new Intent(SplashActivity.this, MainActivity.class);
            startActivity(intent);
            finish();
        }
}


<?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item>
            <bitmap
                    android:gravity="center"
                    android:src="@drawable/splash_screen2"/>
        </item>
    </layer-list>

如何放置 gif 格式的启动画面？

【问题讨论】：

标签： android ios react-native

【解决方案1】：

您是否尝试过Lottie。它不是 Gif，但非常有用

【讨论】：

不，我没有尝试，我会和 Lottie 一起尝试。谢谢推荐
你知道是否可以将 Gif 转换为 Lottie 文件吗？

【解决方案2】：

据我所知，React Native 只允许用于启动页面的静态图像。然而，我发现一个成功的解决方法是将静态启动屏幕转换到包含 gif/动画的屏幕，然后在超时后转换到您的主屏幕。您可以将启动画面设置为与您的 gif/动画的任何起始帧相同以保持连续性。

这是一个概述如何实现这一点的教程：

https://www.youtube.com/watch?v=MY6rE5plNIc

【讨论】：