React-native-vk-button NPM

react-native-vk-button

A React Native button component .

Install

Install the package:

$ npm i react-native-vk-button --save
or yarn add react-native-vk-button

Import the Button component:

import Button from 'react-native-vk-button'

Usage

//文字按钮
<Button text={"登录按钮"} />

//下划线按钮
<Button text={"忘记密码?"} viewStyle={{borderBottomWidth: 1, borderBottomColor: 'black'}} />

//圆角按钮
<Button text={"圆角按钮"} viewStyle={{borderRadius: 10, borderWidth: 2, borderColor: 'gray', width: 200, height: 50}} />

//图片按钮，图片位置['left', 'right', 'top', 'bottom']
<Button text={"图片按钮"} image={require("./src/icon-test.png")} imagePosition={'left'}/>

//多组件按钮
<Button text={<View><Text>{'商品名称'}</Text><Text>{'商品描述：这是一个商品'}</Text></View>} image={require("./src/icon-test.png")} imagePosition={'left'}/>

//网络图片组件
<Button text={"网络图片按钮"} image={<WebImage source={"http://www.baidu.com"}/>} imagePosition={'left'}/>