переместить горизонтальную линию в центр в StyledSheets

Question

Я нарисовал вот такую ​​горизонтальную линию. Однако он появляется в левой части экрана. Я не хочу увеличивать ширину. Как еще можно переместить в центр? Я попытался обернуть его другим представлением вместе с alignContent: 'center' et c, но у меня это не сработало.

<View style={styles.horizontalLine}></View>

  horizontalLine: {
    marginTop: 25,
    width: '80%',
    height: 1,
    //alignContent: 'center',
    //width: 1,
    backgroundColor: '#E0E0E0',
  },

Answer 1

Можно указать горизонтальное поле: авто

horizontalLine: {
  // ...
  marginLeft: 'auto',
  marginRight: 'auto',
  // ...
},

Answer 2

Добавьте alignSelf: 'center', как показано ниже

 horizontalLine: {
    marginTop: 25,
    width: '80%',
    height: 1,
    //alignContent: 'center',
    //width: 1,
    alignSelf: 'center',
    backgroundColor: '#E0E0E0',
  }

Answer 3

Попробуйте это ...

horizontalLine: { margin: 'auto', marginTop: 25, width: '80%', height: 1, backgroundColor: '#E0E0E0', }