| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> 移动开发 -> 在Windows下搭建React Native Android开发环境,2021腾讯Android面试题精选 -> 正文阅读 |
|
[移动开发]在Windows下搭建React Native Android开发环境,2021腾讯Android面试题精选 |
react-native init MyProject 这里需要耐心等待几分钟,使网络情况而定。这里MyProject是随便取的,执行上面的命令后,在我的MyProject目录下生成了MyProject目录,这个目录包含了整个项目的文件,初始化成功后在命令行最后会显示下面的信息 六、运行package 上面init之后,我们可以运行react-native run-android命令,如果成功的话,可以将应用安装到真机或模拟器,我这里使用的是真机。但是安装之后可能什么也显示不了,还会有一些错误信息。这是由于手机获取不到显示view的文件,那么这时候我们就需要运行package.在项目目录,输入react-native start并执行,等待一段时间: 七、运行项目 刚刚运行package的命令行不要关闭,重新启动一个新的命令行, 进入项目目录,输入react-native run-android命令并执行,这个过程需要几分钟的时间 在这个过程中可能会出现一些问题,导致build失败: 1. 你没有配置ANDROID_HOME,需要再系统变量中加入这个,指到sdk目录。 2. android sdk的版本太旧了,最低需要android-23 3. 需要新的Android Support Repository 成功会显示: ![](https://img-blog.csdnimg.cn/20200607025359750.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2F1Z2Z1bg==,size_16,color_FFFFFF
,t_70) 这里的IP是电脑的IP,不知道的可以在命令行中输入ipconfig进行查询,端口号固定8081。这里我们应该想到为什么需要第六步的原因。 设置完成后,回到空白页面,再次摇一摇手机,选择Reload JS,程序就运行起来,出现Welcome to React Native! 八、欢迎页 最后的稍稍分析一下欢迎也是如何显示出来的。 在项目目录MyProject目录下有个文件app.js文件,打开这个文件,会有一段代码: /**
*/ import React from ‘react’; import { SafeAreaView, StyleSheet, ScrollView, View, Text, StatusBar, } from ‘react-native’; import { Header, LearnMoreLinks, Colors, DebugInstructions, ReloadInstructions, } from ‘react-native/Libraries/NewAppScreen’; const App: () => React$Node = () => { return ( <> <ScrollView contentInsetAdjustmentBehavior=“automatic” style={styles.scrollView}> {global.HermesInternal == null ? null : (
)}
Edit
screen and then come back to see your edits.
Read the docs to discover what to do next: </> ); }; const styles = StyleSheet.create({ scrollView: { backgroundColor: Colors.lighter, }, engine: { position: ‘absolute’, right: 0, }, body: { backgroundColor: Colors.white, }, sectionContainer: { marginTop: 32, paddingHorizontal: 24, }, sectionTitle: { fontSize: 24, fontWeight: ‘600’, color: Colors.black, }, sectionDescription: { marginTop: 8, fontSize: 18, fontWeight: ‘400’, color: Colors.dark, }, highlight: { fontWeight: ‘700’, }, footer: { color: Colors.dark, |
|
移动开发 最新文章 |
Vue3装载axios和element-ui |
android adb cmd |
【xcode】Xcode常用快捷键与技巧 |
Android开发中的线程池使用 |
Java 和 Android 的 Base64 |
Android 测试文字编码格式 |
微信小程序支付 |
安卓权限记录 |
知乎之自动养号 |
【Android Jetpack】DataStore |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 | -2024/11/24 8:05:07- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |