i am not able to stop the repeat on iOS

[anantanandgupta]

this is my component constructor

  constructor(props) {
    super(props);
    this.state = {
      isPaused: true
    }
  }

this is in the render function

        <Video
          repeat={false}
          ref={(ref) => {
            this.player = ref
          }}
          paused={this.state.isPaused}
          resizeMode='cover'
          source={require('../../../../assets/videos/video.mp4')}
          onEnd={() => {
            this.setState({isPaused: true}, ()=> {
              this.player.seek(0);
            });
          }}
          onLoad={() => {
            this.player.seek(0)
          }}
          style={{
            alignSelf: 'stretch',
            height: videoHeight,
            borderWidth: 0,
            borderColor: '#000000',
            margin: Dimensions.padding,
            backgroundColor: Colors.white
          }}
        />

now this works fine in Android but not in iOS ... it keeps on repeating the video in iOS

[EthanLin-TWer]

I'm running into this issue as well as the exact same behaviour(working on Android but not on iOS), and I can't explain why though but the following code works for me:

onEnd={() => {
  this.setState({ isPaused: true })
  this.player.seek(0)
}}

basically just put this.player.seek(0) after this.setState() and do not making it as a callback. Maybe have a quick try to see if it solves your problem.

[anantanandgupta]

That was my first try. The call back option was the last step :(

[maxschmeling]

I'm having this issue in iOS as well. The workaround by @linesh-simplicity is almost exactly the code I already had that wasn't working.

I was able to get it working again by doing this:

componentDidUpdate(prevProps, prevState) {
  if (!prevState.ended && this.state.ended)
    this._video.seek(0);
}

render() {
  return (
    <Video
      onEnd={() => this.setState({ paused: true, ended: true })}
    />
  );
}