React Native Elements
Cross Platform React Native UI Toolkit
## Get Started
### Installation
- [参考这里](https://github.com/fengshanjian/react-native-elements/blob/master/default_installation.md).
```js
npm i react-native-vector-icons --save && react-native link react-native-vector-icons
npm i react-native-komect-uikit --save
```
### Usage
Start using the components:
```js
import { Button } from 'react-native-elements';
```
## Components Included
- [Buttons 按钮](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/buttons.md)
- [Social Icons / Social Icon Buttons 社交图标](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/social_icons.md)
- [Icons 图标](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/icons.md)
- [Side Menu 侧滑菜单](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/side_menu.md)
- [Form Elements 表单](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/forms.md)
- [Search Bar 搜索栏](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/searchbar.md)
- [ButtonGroup 按钮组合](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/button_group.md)
- [Checkboxes 选择框](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/checkbox.md)
- [List Element 列表以及列表item样式](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/lists.md)
- [Badge 红点以及未读标志](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/badge.md)
- [Tab Bar 底部Tab(不建议使用，建议使用react-naivigation）](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/tabbar.md)
- [HTML style headings](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/HTML_style_headings.md)
- [Card 卡片](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/card.md)
- [Pricing 价格](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/pricing.md)
- [Grid 视图分块](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/grid.md)
- [Slider 侧滑](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/slider.md)
- [Tile](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/tile.md)
- [Avatar 圆角图片](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/avatar.md)
- [Rating](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/rating.md)
- [SwipeDeck 这个自己看](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/swipedeck.md)
- [ActionPopover 操作气泡](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/ActionPopover.md)
- [ActionSheet 操作选单](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/ActionSheet.md)
- [Carousel 图片轮播](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/Carousel.md)
- [Label 文字](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/Label.md)
- [ListRow 列表item](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/ListRow.md)
- [Overlay 浮层](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/Overlay.md)
- [Popover 气泡](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/Popover.md)
- [Progress 进度条刷新按钮等](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/Progress.md)
- [Projector 幻灯片](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/Projector.md)
- [PullPicker 上拉选择器](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/PullPicker.md)
- [SegmentedBar 分段工具条](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/SegmentedBar.md)
- [SegmentedView 分段器](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/SegmentedView.md)
- [Toast 轻提示](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/Toast.md)
- [ParallaxView 下拉放大](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/ParallaxView.md)
- [Loader 加载动画](https://github.com/fengshanjian/react-native-elements/blob/master/docs/API/Loader.md)