react-Native css стиль с несколькими аргументами

Question

как создать стиль в react-native css вот так? border-width: 5px 5px 5px 5px

Я пробовал: borderWidth: {5,5,5,5} и borderWidth: '5px 5px 5px 5px', но не повезло

Answer 1

Попробуйте:

borderBottomWidth:5 borderTopWidth:5

et c.

Answer 2

В react-native вы не можете использовать border-width: 5px 5px 5px 5px. Вместо этого вы должны использовать следующие свойства.

 1. borderTopWidth, 
 2. borderBottomWidth,  
 3. borderLeftWidth
 4. borderRightWidth

Но если вы хотите реализовать что-то вроде borderWidth, вы можете написать свою собственную функцию.

function borderWidth(top,right,bottom,left){
  let styles;
  styles['borderTopWidth'] = top
  styles['borderRightWidth'] = right
  return styles
}

затем в Stylesheet можно использовать

container : {
    ...borderWidth(5,5,5,5)
}