web-dev-qa-db-ja.com

justifyContent： 'space-evenly' in React Native

React Native？のどの要素でjustifyContent: 'space-evenly'を使用できますか？構文はどのようになりますか？

ありがとう！

react-nativereact-native-flexbox
5
p-syche

@Benが述べたように、RN0.52.0以降ではjustifyContent: 'space-evenly'を使用できます。

あなたの質問の2番目の部分、つまり「どれに？」

コンテンツを正当化する
justifyContentをコンポーネントのスタイルに追加すると、主軸に沿った子の分布が決まります。子供は最初、中央、最後に配置する必要がありますか、それとも均等に配置する必要がありますか？使用可能なオプションは、flex-start、center、flex-end、space-around、およびspace-betweenです。 ドキュメントへのリンク

したがって、論理的には、コンテナビューまたは要素をレイアウトに使用する必要がありますそれは主軸に沿った子です。

質問の3番目の部分「構文はどのように見えるべきですか？」

構文は単純で、次のように使用できます

<View style={{justifyContent: 'space-evenly'}}>children views...</View>

justifyContentの詳細については、次のサイトにアクセスしてください このリンク

10
kamran

justifyContent: 'space-evenly'はReact Native0.54.0 +で利用可能です。他のjustifyContent値と同じようにこの機能を使用できます。例：

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

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

詳細については、以下を参照してください。

3
Ben Kane