React Native中如何设置GIF首次渲染仅循环播放一次？

原生的Image组件并没有提供直接控制GIF循环次数的属性，你可以通过以下两种方式实现需求：

方案一：修改GIF文件本身 #

直接编辑你的splash.gif，将它的循环次数设置为1。大多数GIF编辑工具（比如Photoshop、GIMP，或者在线GIF编辑工具）都支持这个操作，导出时选择“循环1次”即可。这种方式不需要修改代码，简单直接。

方案二：使用第三方图片库 #

推荐使用react-native-fast-image，它支持配置GIF的循环次数，步骤如下：

1. 安装依赖：

# npm 安装
npm install react-native-fast-image --save

# yarn 安装
yarn add react-native-fast-image

2. 替换原有的Image组件：

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

<FastImage
  resizeMode="contain"
  source={{
    uri: require('../../assets/splash.gif'),
    priority: FastImage.priority.normal,
  }}
  style={{ width: '100%', alignSelf: 'center' }}
  loop={1} // 设置循环次数为1
/>

这样就能确保GIF首次渲染时只播放一次循环。

内容的提问来源于stack exchange，提问作者Jess