如何在React Native中实现像循环动画倒数计时器组件一样的大冒险？

Question

我想知道是否有人知道如何在附加图像上显示的React Native中实现循环倒数计时器。如果它适用于ios和android，那将是理想的。谢谢！

Answer 1

我至少可以指出你自己实施一个方向。

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

Answer 2

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