React Native 学习记录 1

React Native 学习记录 1,第1张

概述ReactNative是一个由Facebook建立的开发手机应用程序的平台。使用这个平台开发手机程序可以用于IOS和Android系统。相较于专门手机系统软件开发的平台(例如,使用AndroidStudio对于Android的软件开发,或是Xcode用于IOS软件的开发)在UI显示方面差别不大,但是在逻辑运行方面,使用Re

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 Native 学习记录 1全部内容,希望文章能够帮你解决React Native 学习记录 1所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1044644.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-24
下一篇 2022-05-24

发表评论

登录后才能评论

评论列表(0条)

保存