react native 之 css样式

在学习 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’
/>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容