About this animation
A mindful pause that makes an intentional delay feel calm and clear.
How it works
An animated sand fill and breathing ring count down from seconds; the primary action becomes available at zero.
Install
npx expo install react-native-reanimated
Usage
<TakeAMomentGate appName="your feed" onOpen={open} onCancel={cancel} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
seconds | number | 5 | Waiting time before the primary action unlocks. |
appName | string | 'this app' | App name shown in the message. |
openLabel | string | 'Open anyway' | Primary button text. |
cancelLabel | string | 'Never mind' | Secondary button text. |
onOpen | () => void | — | Called when the primary action is pressed. |
onCancel | () => void | — | Called when the secondary action is pressed. |
accentColor | string | '#4D77FF' | Sand, ring and button accent. |
style | StyleProp<ViewStyle> | — | Container style. |
testID | string | — | Test identifier. |
Compatibility
Built for Expo SDK 57, React Native 0.86 and Reanimated 4.5. iOS and Android are supported but device-unverified; web is verified by the project gate. Works in Expo Go for SDK 57.
Accessibility
The primary button communicates its disabled state and the countdown is summarized for assistive technology.
