ReactNativeRollingExamples
这是一个react-native的一些example,目前支持iOS。
另外整理一份react-native学习列表,react-native学习列表
安装
npm install
react-native rolling examples包含以下这些:
列表视图的使用:
- SimpleListView :ListView的使用
- SGListViewExample:sglistview的使用,这是一个第三方库,原理是当cell滑出屏幕时,置空这个cell,不过效果好像不明显。
- UITableViewExample:TableView的使用,这里一个第三方库,桥接UITableView到react-native上。
- CustomCellTableView:自定义cell的TableView
- RefreshTableView:自己修改TableView这个库,加入上拉下拉刷新桥接到react-native中。
- ListViewWithRefreshExample:ListView加入上拉下拉刷新,以及演示如何获取网络数据
动画相关的简单的使用:
- PanResponderExample:PanResponder的使用
- LayoutAnimationExample:用于全局的布局动画LayoutAnimation 的使用
- AnimatedExample:用于创建更精细的交互控制的动画Animated的使用
Navigator的使用:
- NavigatorExampleWithNavigationBar: Navigator.NavigationBar的使用
- NavigatorExampleWithThirdNavBar: react-native-navbar的使用
redux的使用
- ReduxExample:redux在react-native的使用,结合redux,react-redux (官方绑定redux到react),redux-persist (持久化), redux-thunk (redux中间件)四个第三库
invoke objc代码的使用
- InvokeExample:通过react-native-invoke第三库实现不用任何封装动态调用任何objc代码,运行时实现。
Example Preview
LICENSE
MIT license.
copyright (c) 2016 coderyi.all rights reserved.
Contact
blog:http://coderyi.com
GitHub:https://github.com/coderyi
email:[email protected]