ReactNative學習筆記

能夠把任意合法的JavaScript表達式經過括號嵌入到JSX語句中

let pic = {
      uri: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg'
};

<Image source={pic} style={{top: 100, left: 100, width: 193, height: 110}} />

Image：

style的props位置信息有

width、height、top、left、right、bottom、minWidth、maxWidth、minHeight、maxHeight、margin、marginVertical、marginHorizontal、marginTop、marginBottom、marginLeft、marginRight、padding、paddingVertical、paddingHorizontal、paddingTop、paddingBottom、paddingLeft、paddingRight、borderWidth、borderWidth、borderTopWidth、borderRightWidth、borderBottomWidth、borderLeftWidth、position、flexDirection、flexWrap、justifyContent、alignItems、alignSelf、flex、flexShrink、flexBasis、zIndex、shadowColor、shadowOffset、shadowOpacity、shadowRadius、transform、transformMatrix、decomposedMatrix、scaleX、scaleY、rotation、translateX、translateY、resizeMode、backfaceVisibility、backgroundColor、borderRadius、overflow、tintColor、opacity、overlayColor、borderTopLeftRadius、borderTopRightRadius、borderBottomLeftRadius、borderBottomRightRadius

樣式

在數組中位置居後的樣式對象比居前的優先級更高，這樣你能夠間接實現樣式的繼承

<Text style={[styles.red, styles.bigblue]}>red, then bigblue</Text>

組件可以撐滿剩餘空間的前提是其父容器的尺寸不爲零。若是父容器既沒有固定的width和height，也沒有設定flex,則父容器的尺寸爲零。其子組件若是使用了flex，也是沒法顯示的。