目前主流应用程序大体分为三类:Native App
, Web App
, Hybrid App
.
三者各有利弊,具体对比差异点击这里
<b>React Native
</b> 是 Facebook
推出的一个用 Java
语言就能同时编写 ios
,android
,以及后台的一项技术。 FaceBook
也号称这们技术是 “Learn Once,Write AnyWhere
”。
<b>React Native
的优势:</b>
- 相对
Webapp
:
不用
Webview
,彻底摆脱了Webview
让人不爽的交互和性能问题
有较强的扩展性,这是因为Native
端提供的是基本控件,JS
可以自由组合使用
- 相对于
Native app
:
可以通过更新远端
JS
,实现热更新。
是不是已经迫不及待运行看看了......
<b>安装</b>
- <b>Chocolatey</b>
Chocolatey
是一个Windows
上的包管理器,类似于linux
上的yum
和apt-get
。 - <b>Python 2</b>
打开命令提示符窗口,使用Chocolatey
来安装Python 2
.
choco install python2
- <b>Node</b>
打开命令提示符窗口,使用Chocolatey
来安装NodeJS
.
choco install nodejs.install
- <b>React Native命令行工具(react-native-cli)</b>
React Native
的命令行工具用于执行创建、初始化、更新项目、运行打包服务packager
等任务。
npm install -g react-native-cli
当然作为一名有素质的Android Coder
,JDK
、Android Studio
、Git
、Emulator
不能少。
<b>测试安装</b>
启动模拟器,cmd下键入
react-native init AwesomeProject
cd AwesomeProject
react-native run-android
项目目录结构:
运行命令
模拟器运行结果:
有个常见的问题是在你运行react-native run-android
命令后,Packger
可能不会自动运行。此时你可以手动启动它
cd AwesomeProject
react-native start
<b>修改项目</b>
现在你已经成功运行了项目,我们可以开始尝试动手改一改了:
使用你喜欢的文本编辑器打开index.android.js
并随便改上几行,按两下R
键,或是用Menu
键(通常是F2
,在Genymotion
模拟器中是⌘+M
)打开开发者菜单,然后选择 Reload JS
就可以看到你的最新修改。
完成!