css - 如何使用 flex-end 属性为元素添加边距？

Question

我试图在我的反应本机应用程序的屏幕右上角放置一个视图，并使用：alignSelf: 'flex-end'with 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>