react-native-public-component
v1.0.10
Published
public component for react native
Downloads
51
Readme
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 | 下划线右边距 | 数字 |