text: import React ,{Component} from 'react';
  import { StyleSheet, Text, View, Image,Dimensions, StatusBar, ScrollView,TouchableWithoutFeedback,TouchableOpacity,ImageBackground,Modal,TouchableHighlight } from 'react-native';
  import Carousel from 'react-native-snap-carousel';
  
  export class MyCarousel extends Component {
  
    constructor(props)
    {
      super();
      this.state = {
        stories: [
          {
            id: "WpIAc9by5iU",
            story: require('./assets/welcome1.jpg'),
            title: "photo1"
          }, {
            id: "sNPnbI1arSE",
            story: require('./assets/insta-maid1.jpg'),
            title: "photo2"
          }, {
            id: "VOgFZfRVaww",
            story: require('./assets/insta-loli1.jpg'),
            title: "photo3"
          }
        ]
      }
    }
    
      _renderItem ({item, index}) {
          return (
              <View style={styles.slide}>
                  <Text style={styles.title}>{ item.title }</Text>
              </View>
          );
      }
  
      render () {
          return (
              <Carousel
                ref={(c) => { this._carousel = c; }}
                data={this.state.entries}
                renderItem={this._renderItem}
                sliderWidth={sliderWidth}
                itemWidth={itemWidth}
              />
          );
      }
  }
  
  const styles = StyleSheet.create({
      welcomeImages:{
        height: Dimensions.get('window').height, 
        width: Dimensions.get('window').width,
        resizeMode: 'cover',
        zIndex: 0,
        position: 'relative',
      },
      title:{
        alignItems: 'center',
        justifyContent: 'center',
        color: 'pink',
        zIndex: 2,
        fontSize:40,
        position: 'absolute',
        textAlign: 'center',
        textAlignVertical: "center",
        top:'35%',
        left:'30%',
        // fontFamily:'insta-font'  
      },
      text:{
        position: 'absolute',
        height: Dimensions.get('window').height, 
        width: Dimensions.get('window').width,
        backgroundColor:'rgba(0,0,0,0.6)', 
      },
      slide:{
        backgroundColor:'rgba(0,0,0,0.6)',
      },
      image:{
        resizeMode: 'contain',
      },
      carousel:{
        // borderRadius:10,
      },
      storyEnd:{
        width:100,
        height:100,
        backgroundColor:"gray"
      }
    }
    );