haqiqiw / react-native-slideshow Goto Github PK

Hello, when i have devlopment with react-native-slideshow, i have one off issue be like
"undefined is not an object (evaluating '_react2.PropTypes.arrayOff')".
this is errors display http://prntscr.com/hhm4u1
Could you help me? Thanks

On GenyMotion android, it only shows top half of the arrow.

Can you help me, where I can place this code onPress to move to other screen detail image?
Thanks

Please release master branch to another version it still get error from Proptypes that you import from 'react'

I have a doubt because the screen is black whenever I'm doing wrong

import React, { Component } from 'react';
import {
Platform,
StyleSheet,
Text,
View,
Image,
} from 'react-native';
import Slideshow from 'react-native-slideshow';

class Slide extends Component {

constructor(props) {
    super(props)
    this.state = {
        position: 0,
        interval: null,
        dataSource: [
            {
                title: 'Title 1',
                caption: 'Caption 1',
                url: 'http://www.poresto.net/admin/yucatan/mod_secciones/fotos_titulos/images/img_1533623737_b063467de7a7e2e4451e.jpg'
            },
            {
                title: 'Title 2',
                caption: 'Caption 2',
                url: 'http://www.poresto.net/admin/yucatan/mod_secciones/fotos_titulos/images/img_1533626595_422bdae06043b705ec8c.jpg'
            },

            {
                title: 'Title 3',
                caption: 'Caption 3',
                url: 'http://www.poresto.net/admin/yucatan/mod_secciones/fotos_titulos/images/img_1533624703_b709b9e7d3a51f5dcda5.jpg'
            }
        ]
    }
}

render() {
    return (
        <View style={styles.container}>
            <Slideshow
                dataSource={this.state.dataSource}
                position={this.state.position}
                onPositionChanged={position => this.setState({ position })} />
        </View>
    );
}

}

const styles = StyleSheet.create({
container: {
height: 220
},
slideDefault: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
},
image: {
width: '100%',
flex: 1
}
});

export default Slide;

Hey guys i'm trying to avoid the hand slide option and allow the slide effect only when the user clicks on the arrows. There's a way to do that? Thanks.

I set 10 images . For example it's on 5th image and i scroll to 8th image but when it's on 8th image indicator does not updated and also it's move to 6th image after it's interval time complete. it should be move on to 9th image and also it should restart time interval again when i'm at new image and start's from there .
please Solve

If i click, the arrow button on left and right slider will work correctly and also the bullet dot page indicators changing correctly, but if i swipe via hands to next slide, The paging dot indicators does not changes.

hello,
Thanks for shared project.
I have one bug visual with the arrows.
I have fixed the bug by changing the value justifyContent : center in the constant layoutArrow

Before
const layoutArrow = function (imageHeight, iconHeight) { return { position: 'absolute', backgroundColor: 'transparent', justifyContent: 'flex-start', alignItems: 'flex-start', top: (imageHeight-iconHeight)/2, bottom: (imageHeight-iconHeight)/2, }; }

After
const layoutArrow = function (imageHeight, iconHeight) { return { position: 'absolute', backgroundColor: 'transparent', justifyContent: center', alignItems: 'flex-start', top: (imageHeight-iconHeight)/2, bottom: (imageHeight-iconHeight)/2, }; }

Black screen after showing images in iOS

How to add local image to the url so it shows in the slideshow, i have tried below urls but none works for me

<Slideshow dataSource={[ { url:'./images/restImage.jpg' } ]}/>

or

<Slideshow dataSource={[ { url:'images/restImage.jpg' } ]}/>

Make sure that the same source ('./images/restImage.jpg') is working fine with image element, so there is no any path issue i think.

Is there any example for Arrow Left and Arrow Right

arrowLeft | object | optional | - | component arrow left
arrowRight | object | optional | - | component arrow right

You may see that when checking for the left arrow, the program checks for the right arrow....

It says:
271: this.props.arrowRight == undefined ?

I should be:
271: this.props.arrowLeft == undefined ?

If I apply borderRadius to scroll view container, only extreme sides are curved.

Please fix it, when I slide from the last slide to the first the position still leads to the last one. After the last slide time has run out, the new slide will move to the first slide. please fix it so that the slide follows after sliding and slide a little lag.
mantep mas, lanjutkan!

how to set image resizeMode? And also set container height to full screen but keep image width not overflow or cropped. thanks