Nevermore: a Poet's Mantra

    react-native-public-component

    1.0.9 • Public • Published

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

    联系人:刘成,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 下划线右边距 数字

    具体的使用方法请参考示例 https://github.com/LiuC520/react-native-public-component/blob/master/example/App.js

    上面的样式或者icon为number表示常量,图标为require导入的,如果uri导入表示对象,具体参考示例

    Keywords

    none

    Install

    npm i react-native-public-component

    DownloadsWeekly Downloads

    7

    Version

    1.0.9

    License

    MIT

    Unpacked Size

    307 kB

    Total Files

    51

    Last publish

    Collaborators

    • liu_520