组件说明

react-native-selectablesectionlistview

快速检索列表（按首字母）

https://github.com/johanneslumpe/react-native-selectablesectionlistview

 

 

react-native-chart

图表组件

https://github.com/tomauty/react-native-chart

 

 

 

react-native-animatable

动画组件

https://github.com/oblador/react-native-animatable

 

 

React Native Module for CodePush

热更新

https://github.com/Microsoft/react-native-code-push

 

react-native-auto-updater

热更新（似乎更好）

https://github.com/aerofs/react-native-auto-updater

 

 

React-Native-Remote-Update

热更新（中国人写的）

 

https://github.com/fengjundev/React-Native-Remote-Update

 

 

 

 

 

react-native-refresher

列表下拉刷新

https://github.com/syrusakbary/react-native-refresher

 

 

Gifted ListView

下拉刷新和加载更多

https://github.com/FaridSafi/react-native-gifted-listview

 

 

 

react-native-drawer-layout

左侧菜单与官方的DrawerLayoutAndroid 用法相同，兼容ios

https://github.com/iodine/react-native-drawer-layout

 

react-native-barcodescanner

条码扫描

https://github.com/ideacreation/react-native-barcodescanner

 

react-native-file-transfer

文件上传

https://github.com/kamilkp/react-native-file-transfer

 

 

react-native-communications

打开url,打电话，发邮件，text？

https://github.com/anarchicknight/react-native-communications

 

react-native-toast

支持android和ios的toast

https://github.com/remobile/react-native-toast

 

react-native-device-info

获取设备各类信息

https://github.com/rebeccahughes/react-native-device-info

 

WebStorm ReactNative的代码模板插件,包括:

1.组件名称2.Api名称3.所有StyleSheets属性4.组件属性

https://github.com/virtoolswebplayer/ReactNative-LiveTemplate

 

react-native-cordova-plugin

react-native调用cordova插件

https://github.com/axemclion/react-native-cordova-plugin

 

react-native-google-places-autocomplete

输入自动完成

https://github.com/FaridSafi/react-native-google-places-autocomplete

react-native-bounceable

抖一抖动画小组件（有点意思）

https://github.com/slavik0329/react-native-bounceable

 

react-native-animatable

封装后动画组件（效果较丰富）

https://github.com/oblador/react-native-animatable

Switch：

getInitialState: function() {

    return {

      switchValue: false,

    };

  },

      <Switch style={{marginLeft:15,}}

               value={this.state.switchValue}

             onValueChange={() => this.setState({ switchValue: !this.state.switchValue})}/>