undefined is not an object (evaluating 'this.onbuffer') React Native

Question

everyone! while trying to show a video in my react native app I face issues, the error is: "undefined is not an object (evaluating 'this.onbuffer')"

This is the code.

import * as React from 'react'; import { View, Text, TouchableOpacity, StyleSheet } from 'react-native'; import Video from 'react-native-video'

function VideoScreen() { return (

    <Video source={{uri: "../assets/videos/maula.mp4"}}   // Can be a URL or a local file.
        ref={(ref) => {
                 this.player = ref
               }}                                      // Store reference
               onBuffer={this.onBuffer}                // Callback when remote video is buffering
               onError={this.videoError}
                      // Callback when video cannot be loaded
           style={styles.container} />

);

}

const styles = StyleSheet.create({ container: { position: 'absolute', top: 0, left: 0, bottom: 0, right: 0, }, });

export default VideoScreen;

Can someone help me?

RodSarhan · Accepted Answer · 2022-03-20 16:16:42Z

0

check if you've added this in your constructor

constructor(props) {
    super(props);
    this.onBuffer= this.onBuffer.bind(this);
  }

answered Mar 20, 2022 at 16:16

RodSarhan

1,4771 gold badge6 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

RodSarhan Over a year ago

Glad it helped, just mark it as answered if you don't have further questions.

Ammar Baloch Over a year ago

Yet, I am facing the problem of missing semicolon in the constructor. I tried to add ; but didn't work. can you help me. Thanks in advance

Collectives™ on Stack Overflow

undefined is not an object (evaluating 'this.onbuffer') React Native

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related