Question

我能够成功实现react-native-countdown-component，但是尝试从我可能获得的onChange开始获取倒数计时器的值。

查找我的代码带

<CountDown
    until={60 * this.state.assessmentDurationMain + 2}
    size={20}
    onChange={(time)=>{

        console.warn(time)
        //AsyncStorage.setItem('startTest_'+this.state.assessmentID,time)
    }}
    onFinish={() => alert('Finished')}
    digitStyle={{backgroundColor: '#f2f2f1'}}
    digitTxtStyle={{color: '#80146D'}}
    timeToShow={['H','M', 'S']}
    timeLabels={{h:'HR',m: 'MM', s: 'SS'}}
/>

onChange上的函数在console.warn(time)输出上返回null

所以我的问题是，如何使用react-native-countdown-component包在滴答滴答的时候返回时间值？

Answer 1

看看源代码talalmajali/react-native-countdown，您会发现它只是调用您的回调...

if (this.props.onChange) {
  this.props.onChange();
}

因此，如果您需要回传时间，则可以分叉存储库并进行更新（在两个地方都称为...）

if (this.props.onChange) {
  this.props.onChange(this.state.until);
}

react-native-countdown-获取变更刻度值

1 个答案: