react-native-komect-uikit v1.3.1

开始

安装

• 参考这里

#如果android的目录有更改，link操作不会起作用，建议参考react-native-vector-icons的手动link教程
npm i react-native-vector-icons --save && react-native link react-native-vector-icons
npm i react-native-komect-uikit --save

使用

Start using the components:

import { Button } from 'react-native-komect-uikit';

<Button
  raised
  icon={{name: 'home', size: 32}}
  buttonStyle={{backgroundColor: 'red', borderRadius: 10}}
  textStyle={{textAlign: 'center'}}
  title={`Welcome to\nReact Native Elements`}
/>

Components

• Buttons 按钮
• Social Icons / Social Icon Buttons 社交图标
• Icons 图标
• Side Menu 侧滑菜单
• Form Elements 表单
• Search Bar 搜索栏
• ButtonGroup 按钮组合
• Checkboxes 选择框
• List Element 列表以及列表item样式
• Badge 红点以及未读标志
• Tab Bar 底部Tab(不建议使用，建议使用react-naivigation）
• HTML style headings
• Card 卡片
• Pricing 价格
• Grid 视图分块
•  Slider 滑块
• Tile
• Avatar 圆角图片
•  Rating 五星评价
• SwipeDeck 这个自己看

以上组件fork自 react-native-elements 如果文档不能帮助到你，可到原工程参考示例

Teaset Component

• ActionPopover 操作气泡
• ActionSheet 操作选单
• BadgeTeaset 徽章
• Carousel 图片轮播
• Label 文字
• ListRow 列表item
• Menu 操作菜单
• ModalIndicator 模态指示器
• Overlay 浮层
• Popover 气泡
• PopoverPicker 气泡选择器
• Projector 幻灯片
• PullPicker 上拉选择器
• SegmentedBar 分段工具条
• SegmentedView 分段器
• Select 选择框
• Stepper 步进器
• Toast 轻提示
• TabView 标签页

以上组件fork自 teaset 如果文档不能帮助到你，可到原工程参考示例

others Component

• ParallaxView 下拉放大 该组件fork自react-native-parallax-view

• Loader 加载动画 该组件fork自react-native-loader

• Progress 进度条刷新按钮等 该组件fork自react-native-progress
• Swiper 轮播图 该组件fork自react-native-swiper
• Switch 开关 该组件fork自react-native-switch-pro 但是添加了新的属性