使用Expo搭建React Native开发环境

今天尝试使用Antd Mobile框架来开发React Native APP,这个框架需要使用Expo提供的一些工具进行开发环境的搭建,我是按照这个文档来进行的,在Linux虚拟机中进行开发,再有一台Android手机进行测试,手机中需要安装Expo APP,这个Expo APP通过扫描项目启动(npm start)后生成的二维码来加载我们自己编写的APP,也就是我们自己编写的APP内嵌在Expo APP里面展示,把Expo APP看成一个模拟器即可。想在Windows下进行开发,可以安装Expo XDE,我试了一下觉得有点麻烦就放弃了,还是在Linux下使用命令行对我来说更方便些。

不过今天却遇到了一些问题,其实也就是网络的破问题。首先我用Expo APP扫描项目生成的二维码,没有任何反应,奇了怪了,接着使用Expo APP的搜索按钮,输入项目生成的连接地址“exp://192.168.1.107:19000”,这回界面出错了,但是仔细看才看到界面下方有个“view error log”的链接,点击这个链接就看到具体的错误信息:“no route to …..”。一看到这个就知道网络不通,于是打开家里路由器管理界面,查看DHCP客户端列表,没有看到“192.168.1.107”这个IP。我一般虚拟机使用桥接,按理应该能在路由器里面看到才对啊。于是鼓捣了一下,反正就是把虚拟机的网络设置成桥接到笔记本的Wifi适配器上,虚拟机自动获取IP,这回就能在路由器看到虚拟机的IP了。然后用Expo APP扫描二维码,还是没有任何反应。想到了Apache服务经常因为防火墙在启动而访问不了网页,于是在虚拟机启动Apache服务,手机访问首页,确实访问不了,然后执行命令“systemctl stop firewalld”,再刷新就可以访问了。用Expo APP扫描二维码,底部显示加载进度,加载完demo界面显示出来,开发环境就这样搭建好了。

写完了发现这里有篇文章写的蛮清楚:利用 Create React Native App 快速创建 React Native 应用

欢迎关注微信视频号: