/**
* Sample React Native App
* https://github.com/facebook/react-native
* @flow
*/
import React, { Component } from 'react';
import {
Platform,
StyleSheet,
Text,
View
} from 'react-native';
export default class App extends Component<{}> {
render() {
return (
<View style={styles.container}></View>
);
}
}
const styles=StyleSheet.create({
container:{
//名字为 container的具体样式
backgroundColor:'#eae7ff',
height:3,//高度。当有flex属性的时候。作废
flex:1,
//flex 是填充整个高度
margin:30,//容器上面有个30的顶边距
borderWidth:1, //外边距的宽度
borderColor:'red',//外边距的颜色
borderRadius:30,//设置圆角的效果
shadowColor:'#6435c9',//设置一个阴影的颜色
shadowOpacity: 0.5 ,//阴影的透明度 0~1
shadowRadius:20 ,//阴影的扩散程度
shadowOffset:{
height:1,
width:2
}//阴影的偏移量
}
})
RN的一些小属性(基本样式)
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。