uatcomponent/src/container/recommendProductList/view/emptyView.js

公司内部使用自定义简单组件

/**
* 备注：空数据渲染
* create by Mark at 2019-July
*/
import React, { Component } from 'react';
import { 
		View,
		Text,
		Image,
		TouchableOpacity,
		StyleSheet,
		ViewStyle
} from 'react-native';

type Props = {
		style : ViewStyle,
};
type State = {};

export class EmptyView extends Component <Props,State>{
		static defaultProps :Props = {
		}
		state:State={
		}
		render(){
				const {style} = this.props
				return (
						<View style={[styles.container,style]}>
								<Image source={require('../../../resource/empty.png')} style={styles.img} />
								<Text style={styles.words}>暂时没有更多推荐商品</Text>
						</View>
				)
		}
}

const styles = StyleSheet.create({
		container:{width:'100%',height:200,alignItems:'center',justifyContent:'center',backgroundColor: 'white',},
		words:{color:'#e1e1e1',marginTop:10},
		img:{width:100,height:100,tintColor:'#eeeeee'},
})