在学习 react native 的时候也多遇到一些和布局有关的知识,在这里记录下来,随着遇到的问题越来越多,也会继续补充。
image 的 resizeMode:
cover:等比拉伸
strech:保持原有大小
contain:图片拉伸 充满空间
居中问题:
水平居中:alignItems: 'center'
垂直居中:justifyContent: 'center'
水平垂直居中:alignItems: 'center', justifyContent: 'center'
在某个控件上套用设置好的某个样式,但需要单独为其设置一个额外的值时:
<View style={[styles.demo, {backgroundColor: "blue"}]}></View>
透明度:rgba 中的a主要是控制 透明与非透明的,值在0.0~1.0之间。
获取屏幕宽高:
react native 的 Dimensions 可以获取屏幕的宽高:
在 StyleSheet 中使用:
width:Dimensions.get('window').width,
height:Dimensions.get('window').height,
TextInput 中如何去除下划线:
<TextInput style={styles.search}
placeholder="搜索一下"
underlineColorAndroid='transparent’
/>
网友评论