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

export default class SpalshScreen extends Component {
    constructor(props) {
        super(props)
    }

    componentWillUpdate() {
        const { navigate } = this.props.navigation;
         if ((this.props.screenProps.muralsloaded  == true) && (this.props.screenProps.artistsloaded == true)) {
            navigate("HomePage");
         }

     }

    static navigationOptions = ({ navigation }) => ({
    headerStyle:{ position: 'absolute', backgroundColor: 'transparent', zIndex: 100, top: 0, left: 0, right: 0, borderBottomColor: 'transparent' }
    });

    render () {


        return (
            <View style={{flex:1}}>
                <Image style={{flex:1, resizeMode: 'cover', position: 'absolute', height: '100%', width: '100%'}} source={require('./assets/images/splash-background.jpg')} />
                <View style={[styles.container, styles.horizontal]}>
                  <ActivityIndicator size="large" color="gray" />
                </View>
            </View>
        )
    }
}


const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center'
  },
  horizontal: {
    flexDirection: 'row',
    justifyContent: 'space-around',
    padding: 100,
    marginTop: '80%',
  }
})

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

export default class SpalshScreen extends Component {
    constructor(props) {
        super(props)
    }

    componentWillUpdate() {
        const { navigate } = this.props.navigation;
         if ((this.props.screenProps.muralsloaded  == true) && (this.props.screenProps.artistsloaded == true)) {
            navigate("HomePage");
         }

     }

    static navigationOptions = {
      header: null
    };

    render () {


        return (
            <View style={{flex:1}}>
                <Image style={{flex:1, resizeMode: 'cover', position: 'absolute', height: '100%', width: '100%'}} source={require('./assets/images/splash-background.jpg')} />
                <View style={[styles.container, styles.horizontal]}>
                  <ActivityIndicator size="large" color="gray" />
                </View>
            </View>
        )
    }
}


const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center'
  },
  horizontal: {
    flexDirection: 'row',
    justifyContent: 'space-around',
    padding: 100,
    marginTop: '80%',
  }
})

Remove phantom header on splash screen on android
Remove phantom header on splash screen on android
