react native万能公用组件_react-native 组件公共-程序员宅基地

技术标签：公共组件万能组件 react native react native公共组件

项目中总是会用到很多公共的组件，样式就跟设置里面的单个item很像，本项目就是打造一个公共的万能组件项目中有两个文件，一个是公用组件，一个是字体大小适配

你可以自定义各种组件哦！

具体代码请参考：https://github.com/LiuC520/react-native-public-component

react native万能公用组件

使用说明

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

项目中引入：

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

如果要使用字体适配和宽高等信息，可以导入dimens

参数说明：

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导入表示对象，具体参考示例

本文链接：https://blog.csdn.net/liu__520/article/details/79888009

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

五分钟了解物联网SIM卡——这个文章刷新了我对sim卡的认识_中移物联nb-iot模块不认识sim卡-程序员宅基地

文章浏览阅读6.7k次，点赞32次，收藏108次。嵌入式软件自留地今天编者荐语：五分钟了解物联网SIM卡——这个文章刷新了我对sim卡的认识，不熟悉的可以看看~~以下文章来源于华为云IoT ，作者我是卤蛋这个文章来自网络，看了觉得不错，因此特意整理转载下。是华为iot小助手分享的，都知道华为在物联网领域是国内老大的地位，分享的文章还是比较有价值的。【摘要】SIM卡是移动通信中不可或缺的组成部分，在物联网解决方案中，设备移动上网也需要使用SIM卡。那么，SIM卡是什么？SIM卡有几种？各种SIM卡有什么区别？本文将为您答疑.._中移物联nb-iot模块不认识sim卡

js获取当前Unix时间戳_js unix时间戳-程序员宅基地

文章浏览阅读1.1w次。JavaScript 获取当前时间戳：第一种方法：var timestamp = Date.parse(new Date());第二种方法:var timestamp=new Date().getTime()；第三种方法：var timestamp = (new Date()).valueOf();第一种：获取的时间戳是把毫秒改成000显示，_js unix时间戳

Chrome浏览器各种文件的存放路径汇总_chrome 浏览器网页 pdf 文件保存在哪里-程序员宅基地

文章浏览阅读5.1k次。2021-03-18首次编辑Profile文件什么是Profile文件？chrome://version可以查看个人资料路径书签文件的存贮路径/Users/username/Library/Application Support/Google/Chrome/Default/Bookmarks扩展插件存放位置/Users/username/Library/Application Support/Google/Chrome/Default/Extensions..._chrome 浏览器网页 pdf 文件保存在哪里

黑马程序员Java Swing笔记分享（AWT篇）_黑马程序员awt代码-程序员宅基地

文章浏览阅读1.4k次，点赞5次，收藏39次。本文章为Java Swing的笔记分享，这一篇就够了_黑马程序员awt代码

IDE到底是什么？——详细且通俗的解释-程序员宅基地

文章浏览阅读2.5k次，点赞26次，收藏24次。一.简介1.概念：集成（简称：IDE;英文名：Integrated Development Environment ）是用于提供程序开发环境的，一般包括编辑器、和等工具。集成了代码编写功能、分析功能、编译功能、调试功能等一体化的开发软件服务套。具备这一特性的软件或者软件套（组）都可以叫集成开发环境。不理解的小朋友也没事的，就一句话总结：IDE就是可以给我们提供很多必要工具，把一堆工具集成起来，变成了一个软件，我们可以在上面开发各种程序。可以类比成一个医药箱~~~2.举例：如的系列等。_ide

app加急审核-程序员宅基地

文章浏览阅读55次。原文地址：http://www.cnblogs.com/Twisted-Fate/p/4915184.html最近公司app由于疏忽审核被拒绝了，但是计划是最近两天上线时间紧急，希望能快速审核上线，了解到淘宝里面有加速商店，但是价格真是黑心，首次上线12000元，APP若已经上线的更新5999，据网上了解他们也是编写加急理由，已经无法忍受这种坑爹的赚钱方式，总结了一些加急经历的给与建议,..._加急审app