React Native Как установить GIF-изображение на заставке? - PullRequest
Новая
       36

React Native Как установить GIF-изображение на заставке?

0 голосов
/ 20 июня 2019

Я создал новое мобильное приложение реагировать, и мне нужно установить изображение GIF на заставку. любой пример или исходный код может помочь мне сделать это. 

render() {
    return (
      <View style={styles.container}>
        {/*<BackgroundImage source={Images.splashScreen}*/}
        {/*       style = {{width: 315, height: 383}} />*/}

        <Image
            style={{width: 300, height: 200}}
            source={{uri: 'http://gifsstore.com/public/upload/gifs/15609427721560942769.gif'}} />
      </View>
    );
  }

Ответы [ 2 ]

0 голосов
/ 20 июня 2019

вы также можете использовать FastImage для этой функции.Он также предоставляет поддержку для файлов GIF

, вы также можете попробовать ниже код 

import FastImage from 'react-native-fast-image'

   <FastImage
            style={{ width: "100%", height: "100%" }}
            source={{
              uri: "your URL", //give your url here
              priority: FastImage.priority.normal
            }}
            resizeMode={FastImage.resizeMode.contain}
            onLoad={() => {
              setTimeout(
                () => {
                //navigate to another screen after some times
                },
                15000
              );
            }}
          />
0 голосов
/ 20 июня 2019

Поддержка GIF и WebP на Android

При создании собственного кода GIF и WebP по умолчанию не поддерживаются на Android.

Вам необходимо добавитьнекоторые дополнительные модули в android / app / build.gradle, в зависимости от потребностей вашего приложения. 

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

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

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

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

Кроме того, если вы используете GIF с ProGuard, вам нужно будет добавить это правило в proguard-rules.pro: 

-keep class com.facebook.imagepipeline.animated.factory.AnimatedFactoryImpl {
  public AnimatedFactoryImpl(com.facebook.imagepipeline.bitmaps.PlatformBitmapFactory, com.facebook.imagepipeline.core.ExecutorSupplier);
}

пример 

<Image source={require('./path/to/image/loading.gif')} />

ИЛИ 

<Image source={{uri: 'http://www.urltogif/image.gif'}} />

Применить ссылку на GIF

...