锐客网

  1. 首页 > 睿知 > it技术 > >

[React Native]初探基于RN的Android开发

IT知识Android开发

会挽雕弓如满月，西北望，射天狼。这篇文章主要讲述[React Native]初探基于RN的Android开发相关的知识，希望能为你提供帮助。
之前有一点React的经验，觉得React Native不过就是把React到Web DOM的映射换成了React到android Native的映射，用html CSS javascript写Android程序应该是挺简单的。一直知道RN但没有行动过，有个机会体验一把，真正做起来发现还是不容易的。

0、难配置，Android Studio像极了Eclipse，是那种看上去就觉得好难的界面 : ( 果然，gradle就像webpack一样折磨人，几次想放弃，终于配置完毕，已经没有力气写程序了。
1、准备工作结束，开始编码，没有了< div> 和< span> ，到官方文档学习才知道Native用的是< View> 和< Text> ，又继续学了其他文档，导航不太一样，不用管url了，大部分和React思路差不多。之前用AntD知道它也有Mobile版本，而且说适用于React Native，结果发现示例程序全是div，要自己去重写……
2、调试过程，体会到了顶配开发机和大屏幕的重要性，可怜的12寸的Surface上开了Chrome、Navicat、Putty、VS Code、Android Studio、Pixel Android虚拟机……具体调试方法还不太习惯，之前疯狂console.log的习惯要改改了......
3、被阿里云坑了，自己在nginx的配置文件里改来改去，怎么都不能在虚拟机中fetch到8080端口的api，更没有指向性的错误提示，最后fetch之前web项目的服务端却可以连通（映射到外网80端口），感觉是端口的问题，百度一下，果然只开了3306、80、22、443等端口，添加8080的安全组配置之后，终于能访问了。
4、感觉过不了多久，R键就要坏了，虚拟机重载JS的方式竟然是连按R键；调dev悬浮窗的方式是在控制台打模拟键码输入的命令（在真机上是摇一摇??）.......
5、网上这方面的资料不是很多https://github.com/MarnoDev/react-native-open-project 列举了很多开源优秀RN程序，但是一大部分都不再维护了，用的是以前的navigation组件，最新推荐的是react-navigation，很多方面还是处于慢慢试探的阶段。
【[React Native]初探基于RN的Android开发】6、总结：继续加油......现在写node和sql比写react和css熟练（相对的，总体都很弱），争取平衡一下技能树，早日胜任前端的工作......


    推荐阅读


    上一篇：Framework7开发笔记之App骨架搭建

    下一篇：android--------自定义视频控件（视频全屏竖屏自动切换）