React native - как создать циферблат bedtime для iphone?

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

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

Спасибо и добрые пожелания, Авинашenter image description here

1
0
213
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

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

<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/>}
/>

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

Другие вопросы по теме