react-native-drag-to-reveal v0.0.1-alpha.1

react-native-drag-to-reveal

🚀 Getting Started

Using Yarn:

yarn add react-native-drag-to-reveal

✏️ Example

import React, { useCallback, useState } from 'react';
import { useWindowDimensions } from "react-native-use-dimensions";

import { DragToReveal } from "react-native-drag-to-reveal";

export default function App() {
  const { width, height } = useWindowDimensions();
  const [open, onChange] = useState<boolean>(true);
  return (
    <DragToReveal
      origin={{
        x: -radius,
        y: -radius + height,
      }}
      open={open}
      onChange={onChange}
      radius={100}
      maxRadius={200}
      renderChildren={({ open, progress }) => (
        <>
          {/* revealed content here */}
        </>
      )}
    />
  );
}

🦄 Prop Types

✌️ License

MIT