美文网首页
RN的一些小属性(基本样式)

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

作者: 基本密码宋 | 来源:发表于2017-11-07 23:21 被阅读508次
/**
 * 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的一些小属性(基本样式)

  • React Native阴影框效果实现

    RN自带阴影 RN提供了阴影样式属性,但其仅支持ios平台,在Android中需要使用elevation属性实现,...

  • CSS常用样式

    文字属性控制字体设置文本格式 边框 边界 列表符号属性 背景样式 连接属性 a 鼠标光标样式 边框基本样式属性 边...

  • jQuery 样式操作

    jQuery 样式操作 1、基本样式操作 设置样式属性操作 获取样式属性操作 2、类样式操作 添加类样式 移除类样...

  • CSS基础语法一

    CSS基本语法 CSS样式 内联样式(行内样式) 当行代码设置属性 页内样式 当先页面设置属性 外部样式 在单独的...

  • UITextField文本框

    基本属性 UITextFieldDelegate return样式 UIReturnKeyDefault, //...

  • 02-CSS文字和文本属性

    文字基本属性 文字样式属性font-stylefont-style: italic; 设置字体倾斜样式font-s...

  • RN布局中遇到的层级问题(zIndex,elevation)

    一、zIndex是rn在0.30开始支持的属性,是可以生效的;二、shadow(阴影)开头的样式现在可以在iOS上...

  • React-Native项目中使用动画-Animated

    动画 Animated RN中的动画在某种程度上可以理解为“属性动画”,也就是以某种过渡方式改变组件样式属性值(如...

  • CSS样式

    背景样式 文本属性 基本样式 浮动float 宽度:calc函数 图片模糊处理

网友评论

      本文标题:RN的一些小属性(基本样式)

      本文链接:https://www.haomeiwen.com/subject/pebsmxtx.html