日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

，android.view，等等。這個(gè)例子創(chuàng)建了一個(gè)視圖，將兩個(gè)顏色的框和自定義的組件打包填充成一行。

公司主營(yíng)業(yè)務(wù)：成都做網(wǎng)站、成都網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。創(chuàng)新互聯(lián)推出青縣免費(fèi)做網(wǎng)站回饋大家。

為了清晰和性能，視圖被設(shè)計(jì)成與樣式表一起使用，盡管是內(nèi)聯(lián)樣式也同樣支持。

工具

Edit on GitHub

accessibilityLabel 字符串型

當(dāng)用戶與元素進(jìn)行交互時(shí)，覆蓋通過(guò)屏幕閱讀器閱讀的文本。在默認(rèn)情況下，標(biāo)簽是通過(guò)遍歷所有孩子和累積所有由空間隔開(kāi)的文本節(jié)點(diǎn)創(chuàng)建的。

accessible 布爾型

當(dāng)它的值為真時(shí)，說(shuō)明視圖是一個(gè)可訪問(wèn)的元素。在默認(rèn)情況下，所有的可觸發(fā)的元素都是可以被訪問(wèn)的。

onMoveShouldSetResponder 函數(shù)

對(duì)于大多數(shù)的觸發(fā)交互，你可能只是想在 TouchableHighlight 或者 TouchableOpacity 里包裝你的組件。為了進(jìn)一步的探討，檢查 Touchable.js，ScrollResponder.js 和ResponderEventPlugin.js。

onResponderGrant 函數(shù)

onResponderMove 函數(shù)

onResponderReject 函數(shù)

onResponderRelease 函數(shù)

onResponderTerminate 函數(shù)

onResponderTerminationRequest 函數(shù)

onStartShouldSetResponder 函數(shù)

onStartShouldSetResponderCapture 函數(shù)

pointerEvents enum('box-none', 'none', 'box-only', 'auto')

缺乏auto 屬性，none 更像是 CSS 的 none 值。box-none 就好像你已經(jīng)應(yīng)用了 CSS 類(lèi)：

.box-none {  pointer-events: none;
}.box-none * {  pointer-events: all;
}

box-only 相當(dāng)于

.box-only {  pointer-events: all;
}.box-only * {  pointer-events: none;
}

但是由于 pointerEvents 并不影響布局/外觀，通過(guò)添加附加模式，我們已經(jīng)偏離了規(guī)范，我們選擇在 style 上不包括pointerEvents。在一些平臺(tái)上，不管怎樣偶們都需要將它作為一個(gè) className 來(lái)實(shí)現(xiàn)。是否使用 style 時(shí)這個(gè)平臺(tái)的實(shí)現(xiàn)細(xì)節(jié)。

removeClippedSubviews 布爾

這是一個(gè)通過(guò) RCTView 顯示的特定性能屬性，當(dāng)有很多子視圖，并且它們大部分都是在幕后，這時(shí)被用于滾動(dòng)內(nèi)容。為了使這個(gè)屬性有效，它必須被應(yīng)用到一個(gè)視圖中，在這個(gè)視圖里包含很多子視圖和外部約束。子視圖中還應(yīng)該有溢出：隱藏，應(yīng)該包含視圖（或者它的一個(gè)子視圖）。

style 字體

Flexbox...

backgroundColor 字符串

borderBottomColor 字符串

borderColor 字符串

borderLeftColor 字符串

borderRadius 數(shù)值

borderRightColor 字符串

borderTopColor 字符串

opacity 數(shù)值

overflow enum('visible', 'hidden')

rotation 數(shù)值

scaleX 數(shù)值

scaleY 數(shù)值

shadowColor 字符串

shadowOffset {h: number, w: number}

shadowOpacity 數(shù)值

shadowRadius 數(shù)值

transformMatrix [數(shù)值]

translateX 數(shù)值

translateY 數(shù)值

testID 字符串型

在端到端測(cè)試中用于定位視圖

例子

Edit on GitHub

'use strict';
var React = require('react-native');
var {
  StyleSheet,
  Text,
  View,
} = React;
var styles = StyleSheet.create({
  box: {
    backgroundColor: '#527FE4',
    borderColor: '#000033',
    borderWidth: 1,
  }
});
exports.title = '';
exports.description = 'Basic building block of all UI.';
exports.displayName = 'ViewExample';
exports.examples = [
  {
    title: 'Background Color',
    render: function() {
      return (        
          
            Blue background          
        
      );
    },
  }, {
    title: 'Border',
    render: function() {
      return (        
          5px blue border
        
      );
    },
  }, {
    title: 'Padding/Margin',
    render: function() {
      return (        
          
            5px padding
          
          
            5px margin
          
          
            
              5px margin and padding,            
            
              widthAutonomous=true            
          
        
      );
    },
  }, {
    title: 'Border Radius',
    render: function() {
      return (        
          
            Too much use of `borderRadius` (especially large radii) on
            anything which is scrolling may result in dropped frames.
            Use sparingly.          
        
      );
    },
  }, {
    title: 'Circle with Border Radius',
    render: function() {
      return (        
      );
    },
  }, {
    title: 'Overflow',
    render: function() {
      return (        
          
            
              Overflow hidden
            
          
          
            
              Overflow visible
            
          
        
      );
    },
  }, {
    title: 'Opacity',
    render: function() {
      return (        
          Opacity 0
          Opacity 0.1
          Opacity 0.3
          Opacity 0.5
          Opacity 0.7
          Opacity 0.9
          Opacity 1
        
      );
    },
  },
];

名稱欄目：創(chuàng)新互聯(lián)React教程：視圖
地址分享：http://www.5511xx.com/article/dpciejc.html