react-native-komect-uikit
v1.3.1
Published
React Native UI Toolkit
Downloads
464
Readme
开始
安装
- [参考这里]
#如果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 但是添加了新的属性