rn-btn v0.1.0

rn-btn

react native button

使用

import RNBtn from 'rn-btn'

export default class App extends Component {
    render () {
        return (
            <View style={{flex: 1}}>
                <RNBtn
					text="小号文字按钮"
					type={'text'}
					size={'small'}
				/>
                <RNBtn
					text="小号按钮"
					size={'small'}
                />

				<RNBtn
					text="默认文字大小按钮"
					type={'text'}
					size={'default'}
				/>
                <RNBtn
					text="默认大小按钮"
					size={'default'}
                />

				<RNBtn
					text="偏大号文字按钮"
					type={'text'}
					size={'large'}
				/>
                <RNBtn
					text="偏大号按钮"
					size={'large'}
                />

				<RNBtn
					text="巨大号文字"
					type={'text'}
					size={'huge'}
				/>
                <RNBtn
					text="巨大号å按钮"
					size={'huge'}
                />

				<RNBtn
                    text="默认"
                    style={myStyle.loginOutBtn}
					callback={(that) => {
						LoginOut(this.props.navigation)
					}}
                />
				<RNBtn
                    text="主要"
                    style={myStyle.loginOutBtn}
					theme={'main'}
					callback={(that) => {
						LoginOut(this.props.navigation)
					}}
                />
				<RNBtn
                    text="警告"
                    style={myStyle.loginOutBtn}
					theme={'warn'}
					callback={(that) => {
						LoginOut(this.props.navigation)
					}}
                />
				<RNBtn
                    text="错误"
                    style={myStyle.loginOutBtn}
					theme={'error'}
					callback={(that) => {
						LoginOut(this.props.navigation)
					}}
                />
            </View>
        )
    }
}

const myStyle = StyleSheet.create({
    loginOutBtn: {
		margin: 5,
		borderRadius: 3
    }
})

API