import Slideshow from 'react-native-slideshow';  // ...  render() {   return (     <Slideshow        dataSource={[         { url:'http://placeimg.com/640/480/any' },         { url:'http://placeimg.com/640/480/any' },         { url:'http://placeimg.com/640/480/any' }     ]}/>   ); }

export default class SlideshowTest extends Component {   constructor(props) {     super(props);      this.state = {       position: 1,       interval: null,       dataSource: [         {           title: 'Title 1',           caption: 'Caption 1',           url: 'http://placeimg.com/640/480/any',         }, {           title: 'Title 2',           caption: 'Caption 2',           url: 'http://placeimg.com/640/480/any',         }, {           title: 'Title 3',           caption: 'Caption 3',           url: 'http://placeimg.com/640/480/any',         },       ],     };   }    componentWillMount() {     this.setState({       interval: setInterval(() => {         this.setState({           position: this.state.position === this.state.dataSource.length ? 0 : this.state.position + 1         });       }, 2000)     });   }    componentWillUnmount() {     clearInterval(this.state.interval);   }    render() {     return (     <Slideshow          dataSource={this.state.dataSource}         position={this.state.position}         onPositionChanged={position => this.setState({ position })} />     );   } }

// example data structure  dataSource: [   {     title: 'title 1',     caption: 'caption 1',     url: 'url 1',   }, {     title: 'title 1',     caption: 'caption 1',     url: 'url 2',   }, ]