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

本文介绍了使用ReactNative开发时遇到的常见问题,如配置ANDROID_HOME和更新SDK版本,以及如何解决Hermes引擎的显示问题。同时,分享了针对Android工程师的全套学习资料和面试技巧,旨在帮助提升技能和突破技术瓶颈。
摘要由CSDN通过智能技术生成

进入项目目录,输入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;

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

结尾

  • 腾讯T4级别Android架构技术脑图;查漏补缺,体系化深入学习提升

img

  • 一线互联网Android面试题含详解(初级到高级专题)

这些题目是今年群友去腾讯、百度、小米、乐视、美团、58、猎豹、360、新浪、搜狐等一线互联网公司面试被问到的题目。并且大多数都整理了答案,熟悉这些知识点会大大增加通过前两轮技术面试的几率

img

有Android开发3-5年基础,希望突破瓶颈,成为架构师的小伙伴,可以关注我

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

题)**

这些题目是今年群友去腾讯、百度、小米、乐视、美团、58、猎豹、360、新浪、搜狐等一线互联网公司面试被问到的题目。并且大多数都整理了答案,熟悉这些知识点会大大增加通过前两轮技术面试的几率

[外链图片转存中…(img-lhNBSZrN-1713536969112)]

有Android开发3-5年基础,希望突破瓶颈,成为架构师的小伙伴,可以关注我

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

  • 9
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值