如何在 React Native 中实现类似 snapchat 的圆形动画倒计时组件?
How to implement a snapchat like circular animated countdown timer component in React Native?
我想知道是否有人知道如何在附图中显示的 React Native 中实现循环倒数计时器。如果它同时适用于 ios 和 android,那就太理想了。谢谢!
我至少可以指出你自己实现一个的方向。
确实存在 'react-countdown-timer' component,但是可能值得您自己实施或更改他们的代码以使计时器如上所示。为此,我将结合使用计时器混合器以及内部带有文本的圆形视图。接下来,除了 setState 函数之外,我还会使用 timer-mixins 来跟踪计时器的状态。对于每个间隔,我会更新计时器的剩余时间,然后更新您创建的按钮组件以反映剩余的时间。
根据您的要求,我想建议您
使用https://www.npmjs.com/package/react-native-av-countdown-circle这个组件
我想知道是否有人知道如何在附图中显示的 React Native 中实现循环倒数计时器。如果它同时适用于 ios 和 android,那就太理想了。谢谢!
我至少可以指出你自己实现一个的方向。
确实存在 'react-countdown-timer' component,但是可能值得您自己实施或更改他们的代码以使计时器如上所示。为此,我将结合使用计时器混合器以及内部带有文本的圆形视图。接下来,除了 setState 函数之外,我还会使用 timer-mixins 来跟踪计时器的状态。对于每个间隔,我会更新计时器的剩余时间,然后更新您创建的按钮组件以反映剩余的时间。
根据您的要求,我想建议您 使用https://www.npmjs.com/package/react-native-av-countdown-circle这个组件