React Native专题

2022-10-23 14:05:35

转载注明出处:
地址:http://www.lcode.org
本文出自:【江清清的技术专栏】
本React Native讲解专题:主要讲解了React Native开发，由基础环境搭建配置入门，基础，进阶相关讲解。

刚创建的React Native技术交流1群(282693535),React Native技术交流2群(496601483),React Native技术交流3群(496508742)。欢迎各位大牛,React Native技术爱好者加入交流!同时博客右侧欢迎微信扫描关注订阅号,移动技术干货,精彩文章技术推送!

关于React Native各种疑难杂症,问题深坑总结方案请点击查看:

Mac和Windows安装搭建React Native环境教程如下:

Mac OS X版本:Mac OS X安装React Native环境点击进入....
Windows版本:Windows系统安装React Native环境点击进入...

(一).基本介绍:
React Native For Android是伟大的互联网公司Facebook与2015年9月15日发布的，该可以让我们广大开发者使用JavaScript和React开发我们的应用，该提倡组件化开发，也就是说React Native给我们提供一个个封装好的组件让开发者来进行使用，甚至我们可以相关嵌套形成新的组件。使用React Native我们可以维护多种平台(Web,Android和IOS)的同一份业务逻辑核心代码来创建原生应用。现阶段Web APP的的体验还是无法达到Native APP的体验，所以这边fackbook更加强调的是learn once,write everywhere，应用前端我们使用js和React来开发不同平台的UI，下层核心模块编写复用的业务逻辑代码，提供应用开发效率。
[特别注意]目前react native在ios上仅支持ios7以上,Android仅支持Android4.1以上。
React Native项目github地址:https://github.com/facebook/react-native
React Native项目官网文档:http://facebook.github.io/react-native/docs/getting-started.html

(二).基础入门:
1.React Native For Android环境配置以及第一个实例
 2.React Native开发IDE安装及配置
 3.React Native应用设备运行(Running)以及调试(Debugging)
4.React Native移植原生Android项目
 5.React Native进行签名打包成Apk
6.React Native库版本升级(Upgrading)与降级讲解

7.React Native VSCode IDE超强开发插件介绍(智能,代码提醒,运行调试…)

20.React Native控件之DatePickerAndroid时间日期选择器组件讲解

21.React Native控件之StatusBar状态栏详解

22.React Native控件之PickerIOS选择器详解-适配iOS开发

22.React Native 控件之SegmentedControlIOS分段组件详解-适配iOS开发

23.React Native控件之SliderIOS滑块组件详解-适配iOS开发

24.React Native控件之TabBarIOS和TabBarIOS.Item组件详解及实例

25.React Native控件之ProgressViewIOS进度加载组件详解及实例

26.React Native控件之ActivityIndicatorIOS进度指示器组件详解及实例

27.React Native控件之TimePickerAndroid时间选择器组件详解及实例

(三).API模块学习:

1.React Native API模块之ToastAndroid详解及使用
 2.React Native API模块之Alert弹出框详解及使用
 3.React Native API模块之AppState详解

4.React Native API模块之NetInfo(网络信息)使用详解

5.React Native API模块之AsyncStorage(持久化存储)使用详解

6.React Native API模块Dimensions屏幕宽高详解

7.React Native API模块BackAndroid拦截返回键事件处理详解

8.React Native API模块StyleSheet样式表详解

9.React Native API模块PixelRatio设备像素密度详解

10.React Native API模块之AlertIOS弹框详解-适配iOS开发

11.React Native API模块之AppStateIOS运行状态详解-适配iOS开发

12.React Native API模块之ActionSheetIOS可点击弹框详解-适配iOS开发

(四).React Native进阶:
1.React Native超棒的LayoutAnimation(布局动画)
2.React Native控件之组件封装实例(Button按钮)

(五).React Native开源项目:

1.Pober Wong_17童鞋为gank.io做的纯React Native项目,开源地址:https://github.com/Bob1993/React-Native-Gank
2.聂风童鞋做的《都看影视》React Native项目,开源地址:https://github.com/changfuguo/doukanmv
3.大大做的《新闻阅读Reading》React Native项目,项目地址:http://www.lcode.org/reading-app-react-native/
4.公子小白做的《亲戚称谓计算器》React Native项目,项目地址:http://www.lcode.org/counterrelative-react-native/
5.﹌海云天♂做的纯React Native iOS开源项目，开源地址:http://www.lcode.org/react-native-lagou/ 或者文章地址:http://www.lcode.org/react-native-lagou-source/
6.成都 - just4fun做的纯React Native iOS开源项目,项目地址:http://www.lcode.org/uestc-bbs-react-native/
7.lookingstars做的纯React Native 仿美团iOS开源项目，项目地址:http://www.lcode.org/react-native-meituan-source/
8.race604做的纯React Native 知乎日报开源项目(Android/iOS)，开源地址:https://github.com/race604/ZhiHuDaily-React-Native
9.@vczero做的纯React Native豆瓣搜索客户端，开源地址:http://www.lcode.org/react-native-dou-source/
10.@tabalt做的纯React Native新闻客户端，开源地址:http://www.lcode.org/react-native-news-source/

11.@starzhy做的纯React Native码农iOS客户端，项目地址:http://www.lcode.org/react-native-source-manong/

12.@iSimar做的纯React Native Hacker新闻客户端(Android、iOS)，项目地址:http://www.lcode.org/react-native-source-hacker/

13.@xiekw2010做的纯React Native Github客户端,兼容Android、iOS平台，开源地址:http://www.lcode.org/react-native-source-gitfeed/

14.@kailuo99做的纯React Native 资讯头条客户端,主要适配iOS平台，项目地址:http://www.lcode.org/react-native-source-zixunapp/

15.@SFantasy做的纯React Native 资讯头条客户端,主要适配iOS平台，项目地址:http://www.lcode.org/react-native-source-weibo/

码农公寓

相关文章