Window下开发React-Native Android步骤

  • Z时代
  • 2024-01-10
  • 分类：综合

react

1.安装Android开发环境

  • 下载并安装JDK

  • 下载并安装Android SDK, Android NDK

    • 启动SDK下面的SDK Manager.exe，安装相关SDK Platform-tools，切记安装 【否则执行后面的 react-native run-android会报错】

    • Extras/Android Support Library(23.0.1)

    • Extras/Local Maven repository for Support Libraries(之前叫做Android Support Repository)

  • 设定系统环镜变量ANDROID_HOME，指向SDK所在目录，另外，需要将ADB.exe所在目录【SDK所在目录下的platform-tools目录】添加至PATH环境变量中，执行时需要用到adb命令

2.安装Node.js

　　官网下载Window版本安装

3.安装react-native-cli

　　命令行下执行
　　nmp install -g react-native-cli

4.创建项目

　　命令行下进入reactnative项目开发目录【自己决定】后，执行
　　react-native init ProjectName

5.执行Server端

　　执行命令
　　cd ProjectName
　　react-native start
　　这时可以用浏览器打开http://localhost:8081/index.android.bundle?platform=android进行浏览，能看到js代码表示正常

6.执行项目

　　新开一个命令行，进入到ProjectName所在目录后执行命令
　　react-native run-android
　　注意：   真机第一次运行会报错，这时候我们摇一摇手机，点击Dev Settings后，点击Debug server host & port for device,设置IP和端口【开发电脑，端口号固定8081】，
　　　　　　格式如：192.168.1.100：8081
　　　　　　设置完成后，回到空白页面，再次摇一摇手机，选择Reload JS，程序就运行起来

Enjoy

以上是 Window下开发React-Native Android步骤 的全部内容， 来源链接： utcz.com/z/383867.html

回到顶部