Expo/React Native Gif 显示问题

Question

我已经尝试解决这个问题好几天了。我正在使用 React Native (0.72)，并且尝试过 Expo Image、图像背景等...但我无法让 gif 不显示“框架”或使其平滑。如果我把它放在桌面上的话，gif 可以正常播放。

 <Image source={require('../assets/fly.gif')}
             style={styles.Gif} 
             contentFit="cover"
             transition={1000}/>

Answer 1

如果您使用的是 Expo SDK 40 或更高版本，则可能需要使用

asset

中的

react-native-fast-image

以获得最佳 GIF 性能。

import React from 'react';
import { View } from 'react-native';
import FastImage from 'react-native-fast-image';

const YourComponent = () => {
  const gifUri = require('./path/to/your/gif.gif');

  return (
    <View>
      {/* Use FastImage for displaying the GIF */}
      <FastImage
        source={gifUri}
        style={{ width: 200, height: 200 }}
        resizeMode={FastImage.resizeMode.contain}
      />
    </View>
  );
};

export default YourComponent;