软件简介

这是一个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

[](https://github.com/joggerplus/ReactNativeRollingExamples#example-

preview)