当前位置: 首页 > 工具软件 > React Native > 使用案例 >

React-Native (一)

夏昊
2023-12-01

环境搭建:

(参考React-Native中文网-http://reactnative.cn/docs/0.30/getting-started.html#content)

1>根据React-Native中文网的介绍,先安装Chocolatey
Chocolatey,可以认为是一个包管理工具,通过它,我们可以方便的下载和安装React-Native需要的环境。
Chocolatey的安装通过命令行来进行的,命令如下:

@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

(复制下来粘贴进命令行即可)
chocolatey安装软件是用管理员权限运行黑窗口。

2>安装python2
注意,是python2,暂不支持python3。
打开黑窗口,使用choclatey来安装

choco install python2

3> 安装Node
同样,黑窗口安装Node.js

choco install nodejs.install

4>安装React Native命令行工具(react-native-cli)
React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。
黑窗口:

    npm install -g react-native-cli  

5>Android Studio
作为安卓开发人员,android studio 必不可少,在此不再赘述
注意,react-native需要配置环境变量:ANDROID_HOME(SDK目录)

6>推荐安装的环境
1) Gradle Daemon
官网上是说Gradle Daemon可以极大地提升java代码的增量编译速度。
黑窗口:

(if not exist "%USERPROFILE%/.gradle" mkdir "%USERPROFILE%/.gradle") && (echo org.gradle.daemon=true >> "%USERPROFILE%/.gradle/gradle.properties")

将Android SDK的Tools目录添加到PATH变量中
把Android SDK的tools和platform-tools目录添加到PATH变量中,以便在终端中运行一些Android工具,例如android avd或是adb logcat等

测试安装

黑窗口:
react-native init AwesomeProject
cd AwesomeProject
react-native run-android

手动运行Packager

有个常见的问题是在你运行react-native run-android命令后,Packger可能不会自动运行。此时你可以手动启动它:

    cd AwesomeProject
    react-native start

如果你碰到了ERROR Watcher took too long to load的报错,请尝试将这个文件中的MAX_WAIT_TIME值改得更大一些 (文件在node_modules/react-native/目录下)。

修改项目

现在你已经成功运行了项目,我们可以开始尝试动手改一改了:
使用你喜欢的文本编辑器打开index.android.js并随便改上几行

到这里,第一个React-Native应用完成了

 类似资料: