在Windows下搭建React Native Android开发环境(1)

进入项目目录，输入react-native run-android命令并执行，这个过程需要几分钟的时间

在这个过程中可能会出现一些问题，导致build失败：

1. 你没有配置ANDROID_HOME,需要再系统变量中加入这个，指到sdk目录。

2. android sdk的版本太旧了，最低需要android-23

3. 需要新的Android Support Repository

成功会显示：

这里的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,

fontSize: 12,

fontWeight: ‘600’,

padding: 4,

paddingRight: 12,

textAlign: ‘right’,

},

});

export default App;

最后

希望本文对你有所启发，有任何面试上的建议也欢迎留言分享给大家。

好了，今天的分享就到这里，如果你对在面试中遇到的问题，或者刚毕业及工作几年迷茫不知道该如何准备面试并突破现状提升自己，对于自己的未来还不够了解不知道给如何规划，来看看同行们都是如何突破现状，怎么学习的，来吸收他们的面试以及工作经验完善自己的之后的面试计划及职业规划。

好了~如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言。一定会认真查询，修正不足。谢谢。

为什么某些人会一直比你优秀，是因为他本身就很优秀还一直在持续努力变得更优秀，而你是不是还在满足于现状内心在窃喜！希望读到这的您能点个小赞和关注下我，以后还会更新技术干货，谢谢您的支持！
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言。一定会认真查询，修正不足。谢谢。

[外链图片转存中…(img-PdRQQid9-1715240228134)]

为什么某些人会一直比你优秀，是因为他本身就很优秀还一直在持续努力变得更优秀，而你是不是还在满足于现状内心在窃喜！希望读到这的您能点个小赞和关注下我，以后还会更新技术干货，谢谢您的支持！
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！