IntroPage

import React, { PropTypes } from 'react'
import {  Image,View,ScrollView, Text } from 'react-native'
import { connect } from 'react-redux'
import Actions from '../Actions/Creators'
import Routes from '../Navigation/Routes'
import Swiper from 'react-native-swiper'
import LinearGradient from 'react-native-linear-gradient';
import { Metrics } from '../Themes/'

// Styles
import styles from './Styles/IntroPageStyle'
const { BlurView, VibrancyView } = require('react-native-blur');

var background = 'https://s-media-cache-ak0.pinimg.com/236x/d5/51/19/d5511900b5fc0c0a5d3b97719b5863a7.jpg';


export default class IntroPage extends React.Component {

  // constructor (props) {
  //   super(props)
  //   this.state = {}
  // }

  static propTypes = {
    navigator: PropTypes.object.isRequired
  }

  render () {	  
    return (		
		<Swiper style={styles.container}		      
		      showsButtons={true}>
				<View style={{flex: 1,justifyContent: 'center', alignItems: 'center'}}>
				  <Image
				    source={{uri: 'https://s-media-cache-ak0.pinimg.com/236x/d5/51/19/d5511900b5fc0c0a5d3b97719b5863a7.jpg'}}
				    style={{top: 0, left: 0, right: 0, bottom: 0, position: 'absolute'}}
				  />
				  <BlurView blurType="light" style={styles.blur}>
				    <Text style={{color: 'white'}}>Hi, I am a tiny menu item</Text>
				  </BlurView>
				</View>
				<LinearGradient
				    colors={['red', 'blue']}
				    style={styles.gradient}>
					<Text style={styles.text}>Hello Swiper</Text>
			    </LinearGradient>
		        <View style={styles.slide1}>
					<Text style={styles.text}>Hello333 Swiper</Text>		          
		        </View>
		        <View style={styles.slide2}>
		          <Text style={styles.text}>Beautiful</Text>
		        </View>
		        <View style={styles.slide3}>
		          <Text style={styles.text}>And simple</Text>
		        </View>
		 </Swiper>
    )
  }
}

const mapStateToProps = (state) => {
  return {
  }
}

export default connect(mapStateToProps)(IntroPage)