React Native 学习记录 1

React Native 是一个由Facebook建立的开发手机应用程序的平台。 使用这个平台开发手机程序可以用于IOS和Android系统。相较于专门手机系统软件开发的平台（例如，使用Android Studio对于Android的软件开发， 或是Xcode 用于IOS软件的开发）在UI显示方面差别不大， 但是在逻辑运行方面， 使用React Native开发的软件效率上会比如Android Studio得效率低。

（以下都是在Window系统下运行）

编程环境配置

-编程环境IDE， Visual Studio Code

-Node.js （建议下载LTS版本， 性能比较稳定）

-Expo

　　- 在Node下载完毕之后， 运行npm install -g expo-cli 就可以下载expo了。

建立第一个项目

Ctrl+R    输入cmd 打开命令控制行

然后使用cd进到自己想要项目所在的文件位置

运行 expo init projectName   选择Blank 建立完成一个空的React 项目

使用VSC 打开项目文件 然后对其进行修改..内容

要运行项目的话， 首先在命令控制行进入到项目文件的位置里面， 然后运行npm start 或是expo start

接下去会自动打开浏览器进入到一个页面， 这里有三个方式运行项目

　　-Run on Android device/emulator

　　-Run on IOS simulator

　　-Run in web browser

我目前使用web browser的方式（如果项目要用到map之类的， 这个方式不行）， 点击之后就会自动打开另一个页面就是该项目的运行成果了。 另外在这个页面还可以看到一个二维码， 手机下载expo go， 打开软件后扫描二维码就可以在手机上运行 （手机和形成二维码的设备必须在同一个LAN里面）。

练习中的React 的知识点学习

1. 不存在默认样式，例如，一个view里面包括多个text， 在view定义的样式如字体颜色， 字体大小不会对text其作业， 需要自己逐个定义。

标签：记录,项目,React,expo,手机,Android,运行,Native
来源： https://www.cnblogs.com/xbkyj/p/14365074.html