Match的React Native入门之旅，Android开发面试问题

实际开发中组件的样式会越来越复杂，我们建议使用**StyleSheet.create**来集中定义组件的样式。

class LotsOfStyles extends Component {

render() {

return (

just red

just bigblue

<Text style={[styles.bigblue, styles.red]}>bigblue, then red

<Text style={[styles.red, styles.bigblue]}>red, then bigblue

<Text style={[styles.bigblue,{color:‘black’}]} > {display}

);

}

}

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’}} />

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

深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）

最后

10669052305)]

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）
[外链图片转存中…(img-oGUfnpFU-1710669052306)]

最后

想要了解更多关于大厂面试的同学可以**点击这里免费获取《面试文档》**除此之外，我也分享一些免费的优质资源，包括：Android学习PDF+架构视频+源码笔记，高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料 这几块的内容。分享给大家，非常适合近期有面试和想在技术道路上继续精进的朋友。快来获取学习资料吧~