好看的小说君子以泽,有声,梦入神机

最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

創(chuàng)新互聯(lián)React教程：視圖

創(chuàng)建 UI 最基本的組件，view 是一個容器，它支持 flexbox 布局、風(fēng)格、一些觸發(fā)處理，和可訪問性控制，它被設(shè)計成嵌套在其他視圖里，并且有 0 到很多個任意類型的孩子。view 直接映射到原生視圖，相當(dāng)于在任意正在運行的平臺上的響應(yīng)，不管它是 UIView，

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

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

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

工具

Edit on GitHub

accessibilityLabel 字符串型

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

accessible 布爾型

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

onMoveShouldSetResponder 函數(shù)

對于大多數(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 類：

.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 并不影響布局/外觀，通過添加附加模式，我們已經(jīng)偏離了規(guī)范，我們選擇在 style 上不包括pointerEvents。在一些平臺上，不管怎樣偶們都需要將它作為一個 className 來實現(xiàn)。是否使用 style 時這個平臺的實現(xiàn)細(xì)節(jié)。

removeClippedSubviews 布爾

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

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 字符串型

在端到端測試中用于定位視圖

例子

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
        
      );
    },
  },
];

網(wǎng)站欄目：創(chuàng)新互聯(lián)React教程：視圖
文章鏈接：http://fisionsoft.com.cn/article/dpciejc.html

新聞中心

工具

例子

其他資訊