Как добавить маржу в элемент со свойством flex-end?

Question

Я пытаюсь расположить представление в правом верхнем углу экрана в своем приложении реакции на родную и сделал это, используя: alignSelf: 'flex-end' с position: absolute. Это работает, однако теперь я хочу добавить поле вокруг поля с margin: 15, но это не работает. Вид имеет поле сверху, но не справа, вероятно потому, что мое использование flex-end размещает вид как можно левее. Как мне переопределить это и добавить поля вокруг представления?

Answer 1

Только не используйте alignSelf: 'flex-end', так как у вас уже есть position: 'absolute', используйте top: 15 и right: 15, чтобы он был справа вверху с расстоянием 15 пикселей:

<View style={{
  flex: 0,
  position: 'absolute',
  top: 15,
  right: 15
}}>...</View>