How to access seek()? Refs don't appear to be returned.

I am trying to get a reference to my player by passing ref={component => this._videoPlayer = component} to it but that doesn’t appear to ever be called so I don’t have a reference to the component to call .seek() on.

if (!!this._videoPlayer) {
      this._videoPlayer.seek(val);
    }

Is the ref functionality broken or am I misunderstanding how I should call seek()?

[benjamincarp]

Wrapping the Video component in a View component did seem to make the ref work. I don’t understand it at all, but it worked.

 <View style={styles.container}>
        <TouchableHighlight style={styles.fullScreen} onPress={() => {this.setState({paused: !this.state.paused})}}>
          <View style={styles.fullScreen}><Video
            source={{uri: uri}}
            style={styles.fullScreen}
            rate={this.state.rate}
            paused={this.state.paused}
            volume={this.state.volume}
            muted={this.state.muted}
            resizeMode={this.state.resizeMode}
            onLoad={this.onLoad}
            onProgress={this.onProgress}
            onEnd={() => {this.state.paused = true}}
            repeat={true}
            ref={(component) => {this._videoPlayer = component}}
          /></View>
        </TouchableHighlight>
        {controls}
        <BackButton style={{position: 'absolute', top: 10, left: 10 }}/>
      </View>

Get rid of the view between the TouchableHighlight and Video and Ref no longer works. Strange.

[heatnode]

Just a note since I came across this looking for seek usage examples. Refs seem to work now. I’m using RN 0.33. The code below works and is based on the example VideoPlayer class:

//added this to one of the control sections
  renderSeekControl() {
      const isSelected = false;
      return (
          <TouchableOpacity onPress={() => {this.handleSeekClick() } }>
              <Text style={[styles.controlOption, { fontWeight: isSelected ? "bold" : "normal" }]}>
                  Seek Test
              </Text>
          </TouchableOpacity>
      )
  }

  handleSeekClick() {
      // seek test
      if (this._videoRef !== null) {
          console.log("seeking");
          this._videoRef.seek(0);
      }
  }
renderCustomSkin() {
...
    return (
      <View style={styles.container}>
        <TouchableOpacity style={styles.fullScreen} onPress={() => {this.setState({paused: !this.state.paused})}}>
          <Video
            ref={(ref) => this._videoRef = ref}
            style={styles.fullScreen}
...