如何在React Native中處理圖像序列

我目前有一個基本的1頁React Native應用程序，用於iOS（iPad 4），它顯示相機饋送併疊加圖像序列。這個圖像序列由149幀組成，並持續循環。如何在React Native中處理圖像序列

我通過每秒24次地替換組件的來源來實現圖像序列循環。

這裏是應用程序類（沒有風格道具）。

class App extends Component { 

    constructor(props) { 
     super(props); 

     this.state = { 
      frame: 1 
     }; 
    } 

    componentDidMount() { 
     setInterval(() => { 
      let frame = this.state.frame; 

      frame++; 

      if (frame > 149) { 
       frame = 1; 
      } 

      this.setState({frame}); 
     }, 1000/24); 
    } 

    render() { 
     return (
      <View style={styles.container}> 
       <Camera ref={(cam) => {this.camera = cam}}> 
        <Text>Frame: {this.state.frame}</Text> 
        <Image source={{uri: `./gifs/${this.state.frame}.gif`}}/> 
       </Camera> 
      </View> 
     ); 
    } 

}

這給出了這個輸出。