import React , { Component } from 'react' ; import { View , ViewProps , StyleSheet } from 'react-native' ; export interface WingBlankProps extends ViewProps { /**
     * 按钮尺寸
     */ size ? : 'small' | 'default' | 'large' | number ; } export default class WingBlank extends Component < WingBlankProps > { static defaultProps : WingBlankProps = { size : 'default' , } ; render ( ) { const { style , size , ... restProps } = this . props ; let sizeStyle = { } ; if ( typeof size === 'number' ) { sizeStyle . marginHorizontal = size ; } else if ( size && styles [ size ] ) { sizeStyle = styles [ size ] ; } return < View { ... restProps } style = { [ sizeStyle , style ] } / > ; } } const styles = StyleSheet . create ( { default : { marginHorizontal : 12 , } , small : { marginHorizontal : 6 , } , large : { marginHorizontal : 16 , } , } ) ;