React Native - Как создать циферблат iPhone BedTime?

Question

Не могли бы вы подсказать мне, как я могу использовать циферблат перед сном в реагирующем режиме? Я также хотел бы реализовать анимацию.

См. Прикрепленный снимок экрана для справки.

Спасибо и всего наилучшего, Авинаш

Answer 1

Вы можете использовать Reaction-native-круговой слайдер .

<CircularSlider
  startAngle={startAngle}
  angleLength={angleLength}
  onUpdate={this.onUpdate}
  segments={5}
  strokeWidth={40}
  radius={145}
  gradientColorFrom="#ff9800"
  gradientColorTo="#ffcf00"
  showClockFace
  clockFaceColor="#9d9d9d"
  bgCircleColor="#171717"
  stopIcon={<StopIcon/>}
  startIcon={<StartIcon/>}
/>

Полный пример упоминается здесь