react-native-clock

This React Native Clock in add set time to yearly moring wakeup time to display and this clock is use expo app also.

NPM Dependencies

This Dependencies Requried to use React Native Clock.

npm i react-native-reanimated        -- save

---

npm i react-native-redash            -- save

---

npm i react-native-svg               -- save

---

npm i react-native-gesture-handler   -- save

---

Expo Dependencies

npm i @expo/vector-icons             -- save

---

Container Component Props

parameter	type	description
start	Animated.SharedValue	Represents the start angle in radians, typically indicating a specific time like erarly moring time.
end	Animated.SharedValue	Represents the end angle in radians, typically indicating a specific time like wake-up time.
children	ReactNode	React children elements to be rendered inside the container, allowing for flexible component composition.

CircularSlider Component Props

parameter	type	description
start	Animated.SharedValue	Represents the start angle in radians, used to determine the initial position on the circular slider.
end	Animated.SharedValue	Represents the end angle in radians, used to determine the final position on the circular slider.

Demo