React Native中的alignItems和alignSelf有什么区别？

Question

我正在尝试理解React Native上的FlexBox实现，并且发现Facebook's documentation根本不提供有关各个属性的含义的任何信息非常不幸。他们只是在没有进一步文档的情况下命名他们已经实现的那些......

我喜欢Flexbox in 5教程，它在解释最重要的FlexBox属性方面做得非常出色。但是，那里没有提到alignSelf属性，我也没有在其他地方找到关于这个属性的文档......

有人可以解释（甚至可以直观地证明）两者之间的区别是什么？我还非常感谢能够更详细地解释React Native FlexBox属性的任何资源的链接，并提供了使用它们的一些指导。

Answer 1

alignItems和alignSelf本身具有相同的功能。唯一的区别是，alignItems将对齐应用于孩子，而alignSelf将对齐应用于本身。当您想要更改一个孩子的对齐时，这非常有用。

以下是https://css-tricks.com/snippets/css/a-guide-to-flexbox/

的说明

当容器具有样式alignItems:'flex-start'

时，会发生上述情况

当容器具有样式alignItems:'flex-start'且第三个子项具有样式alignSelf:'flex-end

时会发生这种情况

Answer 2

alignSelf可以覆盖特定项目的alignItems值。