mobile-photo-slider

Mobile photo slider - React Native

Mobile photo slider for React Native

Installation

yarn add mobile-photo-slider

Usage

import React, { useState } from "react";
import { Text, TouchableOpacity } from "react-native";

import data from "./data/data";
import Carousel from "mobile-photo-slider";

interface ComponentsProps {
  photos: string[];
}

const Component: React.FC<ComponentsProps> = () => {
  const [open, setOpen] = useState<boolean>(true);

  return (
    <>
      {open && (
        <Carousel
          photos={data}
          primaryColor={"white"}
          secondaryColor={"blue"}
          open={open}
          setOpen={setOpen}
        />
      )}

      {!open && (
        <TouchableOpacity onPress={() => setOpen(true)}>
          <Text>Open</Text>
        </TouchableOpacity>
      )}
    </>
  );
};

export default Component;

Properties

Demo