index.jsx

import React, { Component } from 'react';
import { StyleSheet, View, Image, Text } from 'react-native';

const styles = StyleSheet.create({
  loaderSplashView: {
    backgroundColor: BSColors.navBar,
    flex: 1,
    flexDirection: 'column',
    alignItems: 'center',
    justifyContent: 'center',
  },
  messageContainer: {
    marginTop: 100,
  },
  messageSplash: {
    marginTop: 30,
  },
  logoContainer: {
    flexDirection: 'row',
    alignSelf: 'stretch',
    paddingHorizontal: 60,
  },
  logo: {
    flex: 1,
    height: 50,
  },
});

export default class Splash extends Component {
  render() {
    return (
      <View style={styles.loaderSplashView}>

        <View style={styles.logoContainer}>
          <Image
            style={styles.logo}
            resizeMode={Image.resizeMode.contain}
            source={require('./assets/logo/logo.png')}
          />
        </View>

        <View style={styles.messageContainer}>
          <Text style={styles.messageSplash}>Chargement de votre compte</Text>
        </View>

      </View>
    );
  }
}