justifyContent:在React Native中'空间均匀'

Question

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

谢谢!

Answer 1

如@Ben所述,您可以使用justifyContent: 'space-evenly'RN 0.52.0+.

问题的第二部分,即"哪一个？"

对齐内容
将justifyContent添加到组件的样式可确定沿主轴的子项分布.孩子应该在开始时,中心,末端还是均匀分布？可用选项包括flex-start,center,flex-end,space-around和space-between.链接到docs

因此,从逻辑上讲,它应该用于容器视图或元素,以沿着主轴布置它的子项.

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

语法很简单,你可以像使用它一样

<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发布该功能的发行说明