2016-04-12 17 views
4

私はReact NativeでFlexBoxの実装を理解しようとしていて、Facebook's documentationは個々のプロパティの意味について全く情報を提供していないことが非常に残念です。彼らは、それ以上のドキュメントを実装せずに実装したものの名前をつけています。React NativeのalignItemsとalignSelfの違いは何ですか?

私はFlexbox in 5チュートリアルが大好きです。これは、最も重要なFlexBoxのプロパティを説明する素晴らしい仕事です。しかし、そこにはalignSelfプロパティに関する記述はなく、私はこのドキュメントを他の場所でも見つけられませんでした...

2人の違いは何か説明できますか? React Native FlexBoxのプロパティについて詳しく説明し、それらを使用する際のガイダンスを提供するリソースへのリンクもありがたいです。

+1

align-selfとalign-itemは反応しません。それらは 'flexbox'の下にあるネイティブCSSプロパティの一部です。 React nativeは、それらにアクセスするためのjs/dom APIを提供します。 – AdityaParab

+1

'align-items' - https://developer.mozilla.org/en-US/docs/Web/CSS/align-items – AdityaParab

+1

' align-self' - https://developer.mozilla.org/en-US/docs/Web/CSS/align-self – AdityaParab

答えて

3

alignItemsおよびalignSelfは、それ自体が同じ機能性を有する。唯一の違いは、alignItemsにアラインメントを適用し、alignSelf自体にを適用します。これは、1つの子のアライメントを変更する場合に便利です。ここ

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

容器スタイルalignItems:'flex-start'

​​

容器スタイルalignItems:'flex-start'と三分の一を有する場合にこれが起こるを有する場合、上記起こるから示す図であります子供はスタイルを持っていますalignSelf:'flex-end

2

alignSelfは、特定の項目の値alignItemsを上書きできます。

関連する問題