react-native组件篇

摈弃繁杂的内容，提供最实用的react-native知识

大神心得

React Native Tools

下列基础组件看官网教程即可（react-native中文网）

• 手势响应
• 定时器
• 滚动视图
• 列表
  • FlatList
  • SectionList
• 网络

React Navigation（官方推荐）

• StackNavigator：用来跳转页面和传递参数
• TabNavigator：类似底部导航栏，用来在同一屏幕下切换不同界面
• DrawerNavigator：侧滑菜单导航栏，用于轻松设置带抽屉导航的屏幕
• 系统学习地址
  • react-navigation 使用详解
    
  • ReactNative导航新宠儿react-navigation
  • React-navigation之StackNavigator

本宝宝为宝宝们写了具体用法戳这里->戳我

demo运行方式：
$npm install
$react-native run-ios /react-native run-andriod

GitHub接口文档以后项目使用

---

组件学习（组件查阅地）

1.React Native控件之View视图讲解
2.1.React Native配置运行官方例子-初学者的福音(Mac OS X版本)
2.2.React Native配置超详细编译运行React Native官方实例UIExplorer项目(Windows版本)
3.React Native控件之Text组件讲解
4.React Native控件之Image组件讲解与美团首页顶部效果实例
5.React Native控件之TextInput组件讲解与QQ登录界面实现
6.React Native控件之ProgressBarAndroid进度条讲解
7.React Native控件之DrawerLayoutAndroid抽屉导航切换组件讲解
8.React Native控件之ScrollView组件讲解
9.WebStorm开发工具设置React Native代码智能提醒
10.React Native控件之ToolbarAndroid工具栏控件讲解以及使用
11.React Native控件之Switch开关与Picker选择器组件讲解以及使用
12.React Native控件之ViewPagerAndroid讲解以及美团首页顶部效果实例
13.React Native控件之Touchable*系列组件详解
14.React Native控件之ListView组件讲解以及详细实例
15.React Native控件之PullToRefreshViewAndroid下拉刷新组件讲解
16.React Native控件之RefreshControl组件详解
17.React Native控件之WebView组件详解以及实例使用
18.自定义刷新头部
19.视频播放器

项目实战

• Mung 豆瓣开源API开发的一个项目

• 分享 50 个完整的 React Native 项目

• React Native超棒的LayoutAnimation(布局动画)

• React-Native-Gank

• 《都看影视》

• 《新闻阅读Reading》

• 《亲戚称谓计算器》

• 仿拉勾网iOS客户端/文章地址

• 清水河畔BBS客户端

• 仿美团iOS开源项目