React Native：これは実現可能ですか？Item：React nativeのflex-startスタイルですか？

基本的には、以下のように、View要素内にタグのリストを配置したいと思います。React Native：これは実現可能ですか？Item：React nativeのflex-startスタイルですか？

PS：画像はこちらから：https://css-tricks.com/snippets/css/a-guide-to-flexbox/）

2016-05-22 jyhk

を言っています'flex-start'を整列させる項目や、複数の項目を' flex-start'画像のように一列に整列させたい場合は？私は、反応ネイティブフレックスボックスのデフォルトの配置は 'flex-start'だからですが、アイテムをイメージのように一列に整列させるには、' flexDirection：row'を宣言しなければなりません。 –

@NaderDabit：最初の画像が示すように、最初に左から右に並び、自動的に次の行にスワップするタグ（長さの異なるテキスト）を持っていたいと思います。あなたの提案はオートスワップ部分を達成していますか？ – jyhk

はい、あなたが整列させたいアイテムの親コンテナに上記のように 'flexDirection： 'row''と' flexWrap：' wrap''を使用してください。 –

これを達成するために、あなたの親コンテナは、これらの属性を必要とします：

flexDirection: 'row', 
flexWrap: 'wrap',

の作業例：あなたが欲しいhttps://rnplay.org/apps/sa5G-Q

出典

2016-05-22 08:23:34 Cherniv

React Native：これは実現可能ですか？Item：React nativeのflex-startスタイルですか？

答えて

関連する問題