justifyContent：リアクションネイティブで「空きが均等」

Question

justifyContent: 'space-evenly'はReact Nativeのどの要素にも使用できますか？どれが？構文はどのように見えますか？

ありがとうございます！

Answer 1

@Benに記載されているように、justifyContent: 'space-evenly'はRN 0.52.0+以降で使用できます。

質問の2番目の部分、つまり「どちらですか？」

コンポーネントのスタイルにjustifyContentの追加コンテンツ
を揃え主軸に沿った子の分布を決定します。子供たちが最初、中央、最後、または均等に散らばっていなければなりませんか？利用可能なオプションは、フレックススタート、センター、フレックスエンド、スペースアラウンド、およびスペース間です。 link to docs

ので、論理的に、主軸に沿った子のレイアウトするコンテナビューまたは要素に使用すべきです。

"構文はどのように見えるのですか？"

構文は簡単です、あなたは（もしあなたがthis link

Answer 2

justifyContent: 'space-evenly'は、ネイティブ0.54.0 +でご利用いただけます。この機能は、他の値と同じように使用することができます。justifyContentたとえば：詳細については

<View style={styles.spaceEvenlyContainer}> 
    {children} 
</View> 

const styles = StyleSheet.create({ 
    spaceEvenlyContainer: { 
    flex: 1, 
    justifyContent: 'space-evenly' 
    } 
}); 

、以下を参照してください（誤って - それはまだ完全には実装されていない）機能を導入

• 0.52.0 Release Notes一部の機能を実装
• Commit 1050e0bを
• フィーチャ実装を完了する
• 0.54.0 Release Notesこの機能を解除するには