React Native-如何创建iPhone BedTime拨盘？

Question

能否请您指导我如何在本机中实现睡前拨号？我也想实现动画。

请参阅所附的屏幕截图以供参考。

感谢和亲切问候， 阿维纳什

Answer 1

您可以使用react-native-circular-slider。

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

提到了完整的示例here