react-native-galery-carousel

Galery carousel for react native

Demo

Usage

$ npm install --save react-native-galery-carousel

const imagesDemo = [
    {
        path: '/UYiroysl.jpg'
    },
    {  
        path: '/UPrs1EWl.jpg'
    },
    {    
        path: '/MABUbpDl.jpg'
    },
    {    
        path: '/KZsmUi2l.jpg'
    },
    {    
        path: '/2nCt3Sbl.jpg'
    },
    {    
        path: '/lceHsT6l.jpg'
    }
];
import GaleryCarousel from 'react-native-galery-carousel';

    render () {
      <View>
        <GaleryCarousel
          dataImage={imagesDemo}
          joinFirst={'http://i.imgur.com'}
          defaultImageIndex={2}
          onLongPress={(key,element)=>{console.log(key,element)}}
          mainImageComponents={
            <View style={{flex:1,backgroundColor:"transparent"}}>
              <Text style={{color:"#fff"}}>Hello</Text>
            </View>
          }
        />
      </View>
    }

Props

Prop	Description	Type	Default
dataImage	the array of the image to show in the carousel	array	[]
getImageFrom	the key of the array where you wanna get the image	string	"path"
joinFirst	if you wanna join a link before example https://my-host-name.com/ path	string	""
joinLast	if you wanna join string after example path/key="1255665"	string	""
defaultImageIndex	index of the first image to show	Number	1
mainImageComponents	if you wanna render a component in the Main image	Component	<View/>
mainHeight	size of the galery carousel	Number	280
onLongPress	each item of the carousel	function	function

TODO

• Implement 'onLongPress' in the scrollView images