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

nbu*_*urk 6 javascript css flexbox reactjs react-native

我试图了解React Native上的FlexBox实现,发现很不幸的是Facebook的文档根本没有提供任何关于各个属性的含义的信息.他们只是命名他们已经实现的那些没有进一步的文档......

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

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

Nis*_*kar 5

alignItemsalignSelf具有相同的功能。唯一的区别是,alignItems将对齐方式应用于其子级,alignSelf将对齐方式应用于自身。当您要更改一个孩子的对齐方式时,这很有用。

这是来自https://css-tricks.com/snippets/css/a-guide-to-flexbox/的插图

当容器具有样式时,会发生上述情况 alignItems:'flex-start'

在此处输入图片说明

当容器具有样式alignItems:'flex-start'并且第三个孩子具有样式时,会发生这种情况alignSelf:'flex-end