RN的一些小属性(基本样式)

/**
 * 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
        }//阴影的偏移量

    }
})



最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 华灯初上,行人匆匆 我却只想躺在床上,一动不动 思想已放飞,可身体沉重如石
    据说我很高冷阅读 1,139评论 0 0
  • ls -- 列出当前目录下的文件(不包含隐藏文件) ls -l -- 列出当前目录下文件的详细信息 ls -a -...
    TW安洋阅读 3,764评论 0 0
  • 人的感情有时候真的很复杂,因为欲望开始,因为新的欲望结束。你会和陌生人做爱吗?渴望那种肉体的温暖和柔软? 无论是男...
    玖一0901阅读 1,621评论 0 0
  • 问题描述:有个hadoop集群,跑hive任务的时候慢,而且经常跑的跑的就挂了,报内存不够等等的相关异常,需要我们...
    火车飞侠阅读 4,681评论 0 49

友情链接更多精彩内容