Skip to content

Latest commit

 

History

History
68 lines (51 loc) · 2.04 KB

File metadata and controls

68 lines (51 loc) · 2.04 KB

Gesture Slider modal for react native and expo by adlerware.

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

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