IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: 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

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整内容开源分享

,t_70)

这里的IP是电脑的IP,不知道的可以在命令行中输入ipconfig进行查询,端口号固定8081。这里我们应该想到为什么需要第六步的原因。

设置完成后,回到空白页面,再次摇一摇手机,选择Reload JS,程序就运行起来,出现Welcome to React Native!

八、欢迎页

最后的稍稍分析一下欢迎也是如何显示出来的。

在项目目录MyProject目录下有个文件app.js文件,打开这个文件,会有一段代码:

/**

  • Sample React Native App

  • https://github.com/facebook/react-native

  • @format

  • @flow strict-local

*/

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 : (

Engine: Hermes

)}

Step One

Edit App.js to change this

screen and then come back to see your edits.

See Your Changes

Debug

Learn More

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
上一篇文章      下一篇文章      查看所有文章
加:2021-12-13 12:56:35  更:2021-12-13 12:58:14 
 
开发: 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-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码