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的使用
redux的使用
- ReduxExample:redux在react-native的使用,结合redux,react-redux (官方绑定redux到react),redux-persist (持久化),redux-thunk (redux中间件)四个第三库
invoke
objc代码的使用
- InvokeExample:通过react-native-invoke第三库实现不用任何封装动态调用任何objc代码,运行时实现。
Example Preview
[](https://github.com/joggerplus/ReactNativeRollingExamples#example-
preview)