Skip to content

Latest commit

 

History

History
33 lines (29 loc) · 1019 Bytes

3.view.md

File metadata and controls

33 lines (29 loc) · 1019 Bytes

View

建構 UI 的基礎元件,支持 Flexbox 佈局、Style、一些觸摸處理、和一些無障礙功能的容器,並且它可以放到其它的視圖裡,也可以有任意多個任意類型的子視圖。不論在什麼平台上,View都會直接對應一個平台的原生視圖,無論它是 UIView、

還是 android.view 等等

常用 style:

backgroundColor: 背景顏色
flex: 排版方式
weight: 寬度
margin: 邊界
padding: 留白、內距
borderRadius: 圓弧
borderColor: 邊框顏色
borderWidth: 邊框寬度
import React, { Component } from 'react';
import {
  View,
} from 'react-native';

export default class ViewSample extends Component {
  render() {
    return (
      <View style={{ flex: 1 }}>
       <View style={{backgroundColor: 'red', flex: 1}} />
       <View style={{backgroundColor: 'blue', flex: 1}} />
      </View>
    );
  }
}