0

我想知道是否有人知道如何在 React Native 中实现循环倒数计时器,如图所示。如果它同时适用于 ios 和 android 将是理想的。谢谢!

在此处输入图像描述

4

2 回答 2

2

我至少可以为您指明自己实施的方向。

确实存在一个'react-countdown-timer' 组件,但是可能值得自己实现或更改他们的代码以使计时器看起来像上面那样。为此,除了内部带有文本的圆形视图之外,我还会使用计时器混合的组合。接下来,除了 setState 函数之外,我还将使用 timer-mixins 来跟踪计时器的状态。对于每个间隔,我会更新计时器的剩余时间,然后更新您创建的按钮组件以反映剩余的时间。

于 2016-10-18T20:39:11.213 回答
1

根据您的要求,我建议您使用https://www.npmjs.com/package/react-native-av-countdown-circle这个组件

于 2018-07-06T07:30:17.747 回答