ReactNativeRollingExamplesreact-native的一些示例
這是一個react-native的一些example,目前支持iOS。
另外整理一份react-native學(xué)習(xí)列表,react-native學(xué)習(xí)列表
安裝
npm install
react-native rolling examples包含以下這些:
列表視圖的使用:
SimpleListView :ListView的使用
SGListViewExample:sglistview的使用,這是一個第三方庫,原理是當(dāng)cell滑出屏幕時,置空這個cell,不過效果好像不明顯。
UITableViewExample:TableView的使用,這里一個第三方庫,橋接UITableView到react-native上。
CustomCellTableView:自定義cell的TableView
RefreshTableView:自己修改TableView這個庫,加入上拉下拉刷新橋接到react-native中。
ListViewWithRefreshExample:ListView加入上拉下拉刷新,以及演示如何獲取網(wǎng)絡(luò)數(shù)據(jù)
動畫相關(guān)的簡單的使用:
PanResponderExample:PanResponder的使用
LayoutAnimationExample:用于全局的布局動畫LayoutAnimation 的使用
AnimatedExample:用于創(chuàng)建更精細(xì)的交互控制的動畫Animated的使用
Navigator的使用:
NavigatorExampleWithNavigationBar: Navigator.NavigationBar的使用
redux的使用
ReduxExample:redux在react-native的使用,結(jié)合redux,react-redux (官方綁定redux到react),redux-persist (持久化),redux-thunk (redux中間件)四個第三庫
invoke objc代碼的使用
InvokeExample:通過react-native-invoke第三庫實現(xiàn)不用任何封裝動態(tài)調(diào)用任何objc代碼,運(yùn)行時實現(xiàn)。
Example Preview
