Sweet-slider-expo NPM

Gesture Slider modal for react native and expo by adlerware.

Repo :- https://github.com/parallex12/SweetSlide.git

Getting Started

Installation
- Using npm: npm i sweet-slider-expo
- Using npm: npm i rn-sliding-up-panel

Usage

NOTE:-

dont forget to Install npm i rn-sliding-up-panel

import SweetSlide from "sweet-slider-expo";

import React, { useState} from "react";
import SweetSlide from "sweet-slider-expo";
import {Text,View,Button} from "react-native";
const App = () => {
  const [popup,setPopup]=useState(false)

  return (
    <View style={{ flex: 1 }}>
      <SweetSlide
        containerInnerStyle={{ backgroundColor: "red" }}
        containerStyle={{ backgroundColor: "red" }}
        height={500}
        popup={popup}
        setPopup={setPopup}
      >
        <Text>Hello</Text>
      </SweetSlide>
      <Button title="open" onPress={() => setPopup(true)} />
      <Button title="close" onPress={() => setPopup(false)} />
    </View>
  );
};

API

Property	Description	Type
popup	pass popup state to open close	useState
setPopup	pass setPopup state to open close	useState
containerStyle	Style for main container	object
containerInnerStyle	Style for inner content container	object
height	the height for the slider	Number(float)
children	pass the inner tags inclide	JSX