remove loading indicator, changed for text placeholder

index.js

@@ -2,6 +2,7 @@ import {
   ActivityIndicator,
   Dimensions,
   FlatList,
+  Text,
   View,
 } from 'react-native';
 import React, { Component } from 'react';
@@ -51,13 +52,16 @@ export default class Gallery extends Component {
   render() {
     const backgroundColor = this.props.backgroundColor || '#000';
     const data = this.props.data || [];
+    const noImageMsg = this.props.noImageMsg || 'No images found.';
     return (
       <View
         orientation={this.state.orientation}
         style={{ ...styles.container, backgroundColor }}
       >
         {!data.length &&
-          <ActivityIndicator style={styles.loader} />}
+          <View>
+            <Text>{noImageMsg}</Text>
+        </View>}
 
         <FlatList
           style={styles.swiper}
@@ -86,6 +90,7 @@ export default class Gallery extends Component {
 
 Gallery.propTypes = {
   backgroundColor: PropTypes.string,
+  noImageMsg: PropTypes.string,
   data: PropTypes.arrayOf((propValue, key) => {
     if (!propValue[key].id || !propValue[key].image) {
       return new Error(

src/Slide.js

@@ -34,7 +34,7 @@ export class Slide extends Component {
           { width: Dimensions.get('window').width, height: Dimensions.get('window').height }
         ]}
       >
-        <ActivityIndicator style={styles.loader} />
+
         {Platform.OS === 'android' ?
           <PhotoView
             source={this.props.item.image}