ReactNativeRollingExamples reactnative的一些示例

程序名称：ReactNativeRollingExamples

授权协议: MIT

操作系统: 跨平台

开发语言: JavaScript

ReactNativeRollingExamples 介绍

@H_404_1@

这是一个react-
native的一些example，目前支持iOS。@H_404_1@

另外整理一份react-native学习列表，react-
native学习列表@H_404_1@

安装@H_404_1@

npm install

react-native rolling examples包含以下这些：@H_404_1@

列表视图的使用：@H_404_1@

• SimpleListView ：ListView的使用@H_404_1@

• SGListViewExample：sglistview的使用，这是一个第三方库，原理是当cell滑出屏幕时，置空这个cell，不过效果好像不明显。@H_404_1@

• UITableViewExample：TableView的使用，这里一个第三方库，桥接UITableView到react-native上。@H_404_1@

• CustomCellTableView：自定义cell的TableView@H_404_1@

• RefreshTableView：自己修改TableView这个库，加入上拉下拉刷新桥接到react-native中。@H_404_1@

• ListViewWithRefreshExample：ListView加入上拉下拉刷新，以及演示如何获取网络数据@H_404_1@

动画相关的简单的使用：@H_404_1@

• PanResponderExample:PanResponder的使用@H_404_1@

• LayoutAnimationExample：用于全局的布局动画LayoutAnimation 的使用@H_404_1@

• AnimatedExample：用于创建更精细的交互控制的动画Animated的使用@H_404_1@

Navigator的使用：@H_404_1@

• NavigatorExampleWithNavigationBar: Navigator.NavigationBar的使用@H_404_1@

• NavigatorExampleWithThirdNavBar: react-native-navbar的使用@H_404_1@

redux的使用@H_404_1@

• ReduxExample：redux在react-native的使用，结合redux,react-redux (官方绑定redux到react),redux-persist (持久化),redux-thunk (redux中间件)四个第三库

invoke
objc代码的使用@H_404_1@

• InvokeExample：通过react-native-invoke第三库实现不用任何封装动态调用任何objc代码，运行时实现。

Example Preview@H_404_1@

@H_404_1@

@H_404_1@

@H_404_1@

@H_404_1@@H_404_1@

@H_404_1@@H_404_1@

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

preview)@H_404_1@

ReactNativeRollingExamples 官网

https://github.com/joggerplus/ReactNativeRollingExamples