Dynamic Data Not Work Page Nation Image Slider !!!

Which OS Android

Version

Which versions are you using:

• react-native-swiper v1.5
• react-native v0.5.4

Im use remote data to load image slider my code but page nation no work when slide image goto last slide :

`const Slide = props => {
return (
<Image style={styles.image} source={{uri: props.uri}} />
)
};
class SliderComponent extends Component {

constructor (props) {
    super(props);  
    this.state = {
        dataSource: [],
        index: 0
    }      
}
componentDidMount() {

    return fetch('http://awebmaker.ir/top_service/Api/Json/getSlider')
        .then((response) => response.json())
        .then((responseJson) => {
            this.setState({
                dataSource: responseJson,
            }, function() {
                
            });
        })
        .catch((error) => {
            console.error(error);
        });
}

render() {
    return (
        <View style={styles.container}>
            <Swiper
                height={200} autoplay>
                {
                    this.state.dataSource.map((item, index) => <Slide
                        uri={item.image}
                        i={index}
                        key={index} />)                        
                }
            </Swiper>

        </View>
    );
}

}`

Start by reproducing the provided SliderComponent with react-native-swiper v1.5 and its remotely loaded image data, then inspect pagination behavior when swiping to the last image. Done means the pagination indicator remains correct through the final slide, including after the data loads.