android - React Nativeで円形のアニメーションカウントダウンタイマーコンポーネントのようなスナップチャットを実装するには?

Question

添付の画像に示されているReact Nativeで循環カウントダウンタイマーを実装する方法を誰かが知っているかどうか疑問に思っていました. ios と android の両方に対応していれば理想的です。ありがとう！

Answer 1

少なくとも、自分で実装する方向を示すことができます。

確かに「react-countdown-timer」コンポーネントは存在しますが、タイマーを上記のように表示するには、自分で実装するか、コードを変更する価値があるかもしれません。そのためには、内部にテキストがある円形のビューに加えて、timer-mixin の組み合わせを使用します。次に、setState 関数に加えて timer-mixins を使用して、タイマーの状態を追跡します。間隔ごとに、タイマーの残り時間を更新し、作成したボタン コンポーネントを更新して残り時間を反映します。