2024年Android最全Match的React Native入门之旅(1)，2024年最新2024华为面试题

总结

首先是感觉自己的基础还是不够吧，大厂好像都喜欢问这些底层原理。

另外一部分原因在于资料也还没有看完，一面时凭借那份资料考前突击恶补个几天居然也能轻松应对（在这里还是要感谢那份资料，真的牛），于是自我感觉良好，资料就没有怎么深究下去了。

之前的准备只涉及了Java、Android、计网、数据结构与算法这些方面，面对面试官对其他基础课程的考察显得捉襟见肘。

下一步还是要查漏补缺，进行针对性复习。

最后的最后，那套资料这次一定要全部看完，是真的太全面了，各个知识点都涵盖了，几乎我面试遇到的所有问题的知识点这里面都有！希望大家不要犯和我一样的错误呀！！！一定要看完！

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

const styles = StyleSheet.create({

bigblue:{

color:‘blue’,

fontWeight:‘bold’,

fontSize:30,

color:‘red’,

}

});

六 高度与宽度

---

指定宽高

在样式中指定固定的width和height。React Native中的尺寸都是无单位的，表示的是与设备像素密度无关的逻辑像素点。(dp)

<View style={{width: 50, height: 50, backgroundColor: ‘powderblue’}} />

弹性宽高（Flex）

在组件样式中使用flex可以使其在可利用的空间中动态地扩张或收缩。一般而言我们会使用flex:1来指定某个组件扩张以撑满所有剩余的空间。

组件能够撑满剩余空间的前提是其父容器的尺寸不为零。如果父容器既没有固定的width和height，也没有设定flex，则父容器的尺寸为零。其子组件如果使用了flex，也是无法显示的。

此时子控件除非强制制定width height 才能显示

// 试试去掉父View中的flex: 1。

// 则父View不再具有尺寸，因此子组件也无法再撑开。

// 然后再用height: 300来代替父View的flex: 1试试看？

<View style={{flex: 1}}>

<View style={{flex: 1, backgroundColor: ‘powderblue’}} />

<View style={{flex: 2, backgroundColor: ‘skyblue’}} />

<View style={{flex: 3, backgroundColor: ‘steelblue’}} />

七 使用Flexbox布局

---

flexDirection(方向) justifyContent（主轴分布方式） alignItems（次轴分布方式)

使用flexbox规则来指定某个组件的子元素的布局。

一般来说，使用flexDirection、alignItems和 justifyContent三个样式属性就已经能满足大多数布局需求。译

React Native中的Flexbox的工作原理和web上的CSS基本一致，当然也存在少许差异。首先是默认值不同：flexDirection的默认值是column而不是row，而flex也只能指定一个数字值。

Flex Direction

在组件的style中指定flexDirection可以决定布局的主轴。子元素是应该沿着水平轴(row)方向排列，还是沿着**竖直轴(column)**方向排列呢？默认值是竖直轴(column)方向。

// 尝试把flexDirection改为column看看

<View style={{flex: 1, flexDirection: ‘row’}}>

<View style={{width: 50, height: 50, backgroundColor: ‘powderblue’}} />

<View style={{width: 50, height: 50, backgroundColor: ‘skyblue’}} />

<View style={{width: 50, height: 50, backgroundColor: ‘steelblue’}} />

Justify Content(主轴)

在组件的style中指定justifyContent可以决定其子元素沿着主轴的排列方式。子元素是应该靠近主轴的起始端还是末尾段分布呢？亦或应该均匀分布？对应的这些可选项有：flex-start、center、flex-end、space-around以及space-between。

和Android新出的ConstraintLayout很相似是不是，因为ConstraintLayout就是模仿flexible 布局的产物

/ 尝试把justifyContent改为center看看

// 尝试把flexDirection改为row看看

<View style={{

flex: 1,

flexDirection: ‘column’,

justifyContent: ‘space-between’,

}}>

<View style={{width: 50, height: 50, backgroundColor: ‘powderblue’}} />

<View style={{width: 50, height: 50, backgroundColor: ‘skyblue’}} />

<View style={{width: 50, height: 50, backgroundColor: ‘steelblue’}} />

Align Items（次轴）

在组件的style中指定alignItems可以决定其子元素沿着次轴（与主轴垂直的轴，比如若主轴方向为row，则次轴方向为column）的排列方式。子元素是应该靠近次轴的起始端还是末尾段分布呢？亦或应该均匀分布？对应的这些可选项有**：flex-start、center、flex-end以及stretch。**

面试复习笔记

这份资料我从春招开始，就会将各博客、论坛。网站上等优质的Android开发中高级面试题收集起来，然后全网寻找最优的解答方案。每一道面试题都是百分百的大厂面经真题+最优解答。包知识脉络 + 诸多细节。
节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。

《960页Android开发笔记》

《1307页Android开发面试宝典》

包含了腾讯、百度、小米、阿里、乐视、美团、58、猎豹、360、新浪、搜狐等一线互联网公司面试被问到的题目。熟悉本文中列出的知识点会大大增加通过前两轮技术面试的几率。

《507页Android开发相关源码解析》

只要是程序员，不管是Java还是Android，如果不去阅读源码，只看API文档，那就只是停留于皮毛，这对我们知识体系的建立和完备以及实战技术的提升都是不利的。

真正最能锻炼能力的便是直接去阅读源码，不仅限于阅读各大系统源码，还包括各种优秀的开源库。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

42)]

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！