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

Posted xiaozhaoqi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[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,很多方面还是处于慢慢试探的阶段。

6、总结:继续加油......现在写node和sql比写react和css熟练(相对的,总体都很弱),争取平衡一下技能树,早日胜任前端的工作......


以上是关于[React Native]初探基于RN的Android开发的主要内容,如果未能解决你的问题,请参考以下文章

iOS+React Native混合开发初探 一

iOS+React Native混合开发初探 二

学习React Native必看的几个开源项目

2手把手教React Native实战之从React到RN

react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面

React Native For Android 架构初探