react-native-video play-pause button

Savalan answered on January 30, 2025 Popularity 10/10 Helpfulness 1/10

answer react-native-video play-pause button

react-native-video play-pause button

Comment

const RenderItem = (props) => {
  const [paused, setPaused] = useState(true);

  const togglePaused = () => setPaused(prev => !prev) // add this toggle function

  return (
    <View>
      {props.is_video ? (
        <>
          <Video
            paused={paused}
            resizeMode="contain"
            source={{
              uri: props.mediaUrl,
            }}
            />
            {/* call togglePaused in the onPress prop  */}
          <TouchableWithoutFeedback onPress={togglePaused}>
            <Text>Play Darnit!</Text>
          </TouchableWithoutFeedback>
        </>
      ) : (
        <Image
          resizeMode="contain"
          source={{uri: props.mediaUrl}}
        />
      )}
    </View>
  );
};

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: button javascript react-native-video

Link to this answer
Share Copy Link