最近在做一个基于RN的App,需要用到播放视频的组件,官方没有,只能从第三方寻找,react-native-video首当其冲。
之前感觉这个组件还是蛮好用的,但是后来出现 需要在一个使用react-native-video的地方,再放一个倒计时组件的场景,倒计时首先采用的是react-native-sk-countdown,本来这两个组件若是不放在一起,都运行良好,但是结果放在同一个组件中,react-native-sk-countdown总是会因为视频的播放进度而导致只能在1s内循环,无法倒计时到0,捣鼓了一个晚上,还是没能找出头绪来,干脆自己动手做一个得了。
当然,我只是想要一个最简单的倒计时组件而已,react-native-sk-countdown其实还是有些重型了,而我自定义的这个倒计时组件自然比不上的。
组件的代码如下:
class MyCountTime extends Component{
constructor(props) {
super(props);
let timeLeft=this.props.timeLeft>0 ? this.props.timeLeft:5
let width=this.props.width || 60
let height=this.props.height || 32
l