efunbox-mobile-8/pages/components/NoDataView.js

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow
 */

import React, { Component } from 'react';
import {
	Platform,
	StyleSheet,
	Text,
	View,
	Image,
	TouchableOpacity,
	ImageBackground,
	TextInput,
	Button,
	StatusBar,
	Modal,
	TouchableHighlight,
	DeviceEventEmitter
} from 'react-native';
import ImagePicker from 'react-native-image-picker';

export default class NoDataView extends Component {
	render() {
		return (
			<View style={{ flex: 1 }}>
				<View
					style={{
						height: '100%',
						width: '100%',
						alignItems: 'center',
						backgroundColor: 'rgba(246, 247, 248, 1)',
						justifyContent: 'center'
					}}
				>
					<Image
						source={require('../images/common/nodata.png')}
						style={{ alignItems: 'center', justifyContent: 'center' }}
					/>
					<Text style={{ textAlign: 'center', textAlignVertical: 'center', marginTop: 18, fontSize: 16 }}>
						{this.props.text}
					</Text>
				</View>
			</View>
		);
	}
}