RN的stylesheet的屬性及方法

屬性：hairlineWidth: 自適應不一樣設備生成一條線

var styles = StyleSheet.create({
  separator: {
    borderBottomColor: '#bbb',
    borderBottomWidth: StyleSheet.hairlineWidth,
  },
});

屬性：adsoluteFill: 

const styles = StyleSheet.create({
  wrapper: {
    ...StyleSheet.absoluteFill,
    top: 10,
    backgroundColor: 'transparent',
  },
});

至關於如下代碼的縮寫：

position: 'absolute',
left: 0, 
right: 0, 
top: 0, 
bottom: 0

 方法：create: 根據對象建立樣式表

StyleSheet.create({
   textColor: {
       color: #000 
   } 
})

方法：flatten: 能夠把樣式對象的數組整合成一個樣式對象，重複的樣式屬性之後一個爲準

var styles = StyleSheet.create({
  listItem: {
    flex: 1,
    fontSize: 16,
    color: 'white',
  },
  selectedListItem: {
    color: 'green',
  },
});

console.log(StyleSheet.flatten([styles.listItem, styles.selectedListItem]));
// returns { flex: 1, fontSize: 16, color: 'green' }