React Native 官网地址:https://www.reactnative.cn/docs/environment-setup 开发平台 windows 目标平台 Andro
React Native 官网地址:https://www.reactnative.cn/docs/environment-setup
目标平台 Android
必须安装的依赖有 node、jdk 和 Android Studio,Node 版本不得低于 14,React Native 需要 JDK 11,查看 JDK 版本的指令如下:
javac -version
目前编译 React Native 应用需要的是 Android 12 (S) 版本的 SDK (注意:SDK 版本不等于终端系统版本,RN 目前支持 android 5 以上设备)
打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量,选中Path变量,然后点击编辑。点击新建然后把这些工具目录路径添加进去:platfORM-tools、emulator、tools、tools/bin
%ANDROID_SDK_ROOT%\platform-tools
%ANDROID_SDK_ROOT%\emulator
%ANDROID_SDK_ROOT%\tools
%ANDROID_SDK_ROOT%\tools\bin
npx react-native init AwesomeProject
尝试阿里云提供的Maven 镜像,将android/build.gradle中的jcenter()和Google()分别替换为maven { url 'Https://maven.aliyun.com/repository/jcenter' }和maven { url 'https://maven.aliyun.com/repository/google' }(注意有多处需要替换)。
cd AwesomeProject
yarn android
# 或者
yarn react-native run-android
npx react-native start
如上图,解决端口被占用的问题后,重新运行项目,即可启动 android 模拟器
import React, { Component } from 'react'
import { Text, View } from 'react-native'
export default class App extends Component {
render() {
return (
<View>
<Text> textInComponent </Text>
</View>
)
}
}
到此这篇关于教你快速搭建 React Native 开发环境的文章就介绍到这了,更多相关React Native 开发环境内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!
--结束END--
本文标题: 教你快速搭建ReactNative开发环境
本文链接: https://www.lsjlt.com/news/166481.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0