react-native-swipe-to-start

🚀 React Native Swipe Button

A beautiful, animated swipe button for React Native using react-native-reanimated and react-native-gesture-handler. Great for onboarding screens, confirmations, and call-to-actions like "Get Started".

✨ Features

• Smooth swipe gesture with spring animation
• Fully customizable
• React Navigation compatible
• Built with Reanimated v3 + Gesture Handler v3

🧩 Usage

import SwipeButton from "react-native-swipe-to-start-button/SwipeButton";

export default function App() {
  const handleStart = () => console.log("Swipe started");
  const handleEnd = () => console.log("Swipe finished");

  return (
    <SwipeButton
      buttonText="Swipe to Continue"
      onSwipeStart={handleStart}
      onSwipeEnd={handleEnd}
    />
  );
}

🛠 Props

| Prop | Type | Description | | ---------------------- | --------- | --------------------------------------------------------------------- | | buttonText | string | Label shown in the center | | onSwipeStart | function | Called when swipe starts | | onSwipeEnd | function | Called when swipe completes | | containerStyle | object | Override container styles | | textStyle | object | Override text style | | icon | ReactNode | Custom icon to display inside swipe knob (defaults to checkmark icon) | | swipeAreaStyles | object | Override swipe area style | | arrowsContainerStyle | object | Override arrows container style |