美文网首页
React Native常用组件之View

React Native常用组件之View

作者: CoderLF | 来源:发表于2018-02-26 15:18 被阅读9次

View的功能和作用

view的作用等同于iOS中的UIView, Android中的android.view,
或是网页中的<div>标签,它是所有组件的父组件。

View的属性

Flexbox 弹性布局
Transforms 动画属性
backfaceVisibility enum('visible', 'hidden') 定义界面翻转的时候是否可见
backgroundColor color 背景颜色
borderBottomColor color 边框底部颜色
borderBottomLeftRadius number 左下角的半径
borderBottomRightRadius number 右下角的半径
borderBottomWidth number 下边框的宽度
borderColor color 边框颜色
borderLeftColor color 左边边框线颜色
borderLeftWidth number 左边框的宽度
borderRadius number 边框角的半径
borderRightColor color 右边框的颜色
borderRightWidth number 右边框的宽度
borderStyle enum('solid', 'dotted', 'dashed') 边框的样式
borderTopColor color 上边框的颜色
borderTopLeftRadius number 左上角的半径
borderTopRightRadius number 右上角的半径
borderTopWidth number 上边框的宽度
borderWidth number 边框的宽度
opacity number 设置透明度,取值从0-1;
overflow enum('visible', 'hidden') 设置内容超出容器部分是显示还是隐藏;
elevation number 高度 设置Z轴,可产生立体效果。

传送门

相关文章

  • React Native 干货

    笔记 - 基础篇 : 配置React Native的开发环境 React Native常用组件之View 你必须要...

  • React-Native1

    React Native常用组件之View 1. JSX和组件的概念 React的核心机制之一就是虚拟DOM:可以...

  • React Native常用组件之ScrollView

    配置React Native的开发环境 React Native常用组件之ScrollView React Nat...

  • 从零学React Native之07View

    View 组件是React Native最基本的组件.绝大部分其他React Native 组件. View组件的...

  • 一起来点React  Native

    一起来点React Native 配置React Native的开发环境 React Native常用组件之Vie...

  • React Native常用组件之View

    View的功能和作用 view的作用等同于iOS中的UIView, Android中的android.view,或...

  • React native 常用组件之View

    一、 JSX和组件的概念React的核心机制就是虚拟DOM,可以在内存中创建的虚拟DOM元素,React利用虚拟D...

  • React Native常用组件之View

    一、 JSX和组件的概念 React的核心机制之一就是虚拟DOM:可以在内存中创建的虚拟DOM元素。React利用...

  • React Native常用组件之View

    React 允许将代码封装成组件(component),然后像插入普通 HTML 标签一样,在网页中插入这个组件。...

  • 关于混编

    常用reactnative 组件 react-native-swiper 图片轮播器 react-native-m...

网友评论

      本文标题:React Native常用组件之View

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