React-native-public-component NPM

React Native万能公用组件最新版本1.0.10

联系人：刘成，QQ&微信：674668211 项目中总是会用到很多公共的组件，样式就跟设置里面的单个item很像，本项目就是打造一个公共的万能组件项目中有两个文件，一个是公用组件，一个是字体大小适配

简书具体使用说明：https://www.jianshu.com/p/941189bd7bb0

npm install --save react-native-public-component

项目中导入

import {PublicCompoennt, dimens} from 'react-native-public-component'

参数说明

props	说明	备注
containerStyle	整个容器的样式，可以设置padding、margin、背景颜色等等
leftComponent	自定义左侧组件
centerContent	自定义中间组件
rightComponent	自定义右侧组件
leftComponentStyle	自定义左侧组件样式
centerContentStyle	自定义中间组件样式
rightComponentStyle	自定义右侧组件样式
leftIcon	左侧图标
leftIconStyle	左侧图标样式
rightIcon	右侧图标
rightIconStyle	右侧图标样式
rightArrow	右侧箭头
rightArrowStyle	右侧箭头样式
isRightArrowShow	是否显示右侧箭头	默认显示 true
leftText	左侧文字	可以为字符串或者Text组件
leftTextStyle	左侧文字样式
centerText	中间文字	可以为字符串或者Text组件
centerTextStyle	中间文字样式
rightText	右侧文字	可以为字符串或者Text组件
rightTextStyle	右侧文字样式
onPress	整个item的点击事件	方法
onLeftPress	左侧点击事件	方法
onRightPress	右侧点击事件	方法
onCenterPress	中间点击事件	方法
hiddenLeft	隐藏左侧	bool，默认为false
hiddenRight	隐藏右侧	bool，默认为false
removeLeftView	移除左侧	bool，默认为false
removeCenterView	移除中间	bool，默认为false
removeRightView	移除右侧	bool，默认为false
hiddenTopLine	隐藏上划线	默认为true
topLineStyle	上划线样式
topLineLeftMargin	上划线左边距	数字
topLineRightMargin	上划线右边距	数字
hiddenBottomLine	隐藏下划线	默认为false
bottomLineStyle	下划线样式
bottomLineLeftMargin	下划线左边距	数字，默认左边距为15
bottomLineRightMargin	下划线右边距	数字