在React Native中移动到其他选项卡时如何暂停视频

时间:2018-07-31 13:57:46

标签: react-native react-native-video

我已经在标签页中实现了对本地视频的反应(标签页是使用本地库实现的),但是当移至其他标签页(ontabpress)时,视频仍会在后台播放。我们将提供任何帮助。谢谢

2 个答案:

答案 0 :(得分:0)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

Copy/Paste a value into this field:
<form>
    <input type="text" id="promocode" placeholder="xxxx-xxx" />
    <div id="result">Enter value (8-digits)</div>
</form>

希望这对您有帮助。 :)

答案 1 :(得分:0)

试试这个

 {...}

   const [pause, setPause] = useState(false)

   useEffect(() => {
     const blur = navigation.addListener('blur', () => {
     setPause(true)
     });

     const focus = navigation.addListener('focus', () => {
     setPause(false)
     });

     return blur, focus;
   }, [navigation]);

 {...}
 
   <Video
     source={{ uri: ENTER_HERE_URL }}
     paused={pause}
     style={styles.bgView} />

 {...}