justifyContent： 'space-evenly' in React Native

Question

我可以在 React Native 中的任何元素上使用justifyContent: 'space-evenly'吗？在哪些？语法应该是什么样子的？

谢谢！

Answer 1

如@Ben所述，您可以从 RN 0.54.0+ 开始使用justifyContent: 'space-evenly'。

对于您问题的第二部分，即"在哪些上？

证明内容
合理性将 justifyContent 添加到组件的样式中可确定子项沿主轴的分布。孩子应该分布在起点、中心、结尾还是均匀分布？可用选项包括弹性启动、中心、弯曲端、周围空间和间隔。链接到文档

因此，从逻辑上讲，它应该用于容器视图或元素，以沿主轴布局其子项。

对于问题的第三部分"语法应该是什么样子？

语法很简单，你可以像这样使用它

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

有关justifyContent的更多详细信息，请访问此链接

Answer 2

justifyContent: 'space-evenly' 在 React Native 0.54.0+ 中可用。您可以像使用任何其他justifyContent值一样使用该功能。例如：

<View style={styles.spaceEvenlyContainer}>
  {children}
</View>
const styles = StyleSheet.create({
  spaceEvenlyContainer: {
    flex: 1,
    justifyContent: 'space-evenly'
  }
});

有关详细信息，请参阅以下内容：

• 0.52.0 介绍该功能的发行说明（错误地 - 它尚未完全实现）
• 提交部分实现该功能的 1050e0b
• 完成功能实现的拉取请求 #17805
• 0.54.0 发布该功能的发行说明