Gesture Slider modal for react native and expo by adlerware.

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

Getting Started

1. 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

Acknowledgement

• SweetSlider, which this module is based on.

How to contribute ?

You are interested and want to contribute? Awesome, just consider the following steps:

1. Fork this repository.
2. Add and test the fixes/improvements you worked on to a seperate branch.
3. Submit your pull request(PR).