ignite demo

LaunchScreen.js

import React, { Component } from 'react'
import { ScrollView, Text, Image, View } from 'react-native'
import { Images } from '../Themes'
import Swiper from 'react-native-swiper'

// Styles
import styles from './Styles/LaunchScreenStyles'
const imgArr = {
  img1: require('../Images/launch1.png'),
  img2: require('../Images/launch2.png'),
  img3: require('../Images/launch3.png')
}
export default class LaunchScreen extends Component {
  render () {
    return (
      <Swiper style={styles.wrapper} loop={false} dotColor='#ccc'>
        <View style={styles.slide}>
          <Image source={imgArr.img1} style={styles.image}>
            <View style={styles.imgTextWrapper}>
              <Text style={styles.imageText}>1111</Text>
            </View>
          </Image>
        </View>
        <View style={styles.slide}>
          <Image source={imgArr.img2} style={styles.image}>
            <View style={styles.imgTextWrapper}>
              <Text style={styles.imageText}>22222</Text>
            </View>
          </Image>
        </View>
        <View style={styles.slide}>
          <Image source={imgArr.img3} style={styles.image}>
            <View style={styles.imgTextWrapper}>
              <Text style={styles.imageText}>33333</Text>
            </View>
          </Image>
        </View>
      </Swiper>
    )
  }
}

LaunchScreenStyle.js

import { StyleSheet, Dimensions } from 'react-native'
import { Metrics, ApplicationStyles } from '../../Themes/'
const { width, height } = Dimensions.get('window')

export default StyleSheet.create({
  ...ApplicationStyles.screen,
  wrapper: {
  },
  slide: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'flex-start',
    backgroundColor: 'rgba(0,0,0,0)'
  },
  image: {
    width,
    height,
    flex: 1
  },
  imgTextWrapper: {
    flex: 1,
    // flexGrow:1,
    height: 200,
    alignItems: 'center',
    justifyContent: 'center'
    // backgroundColor: '#ccc'
  },
  imageText: {
    fontSize: 14,
    color: '#fff',
    lineHeight: 35,
    opacity: 0.8
  },
})