5

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

谢谢！

4

2 回答 2

13

正如@Ben 所提到的，您可以justifyContent: 'space-evenly'从 RN 0.52.0+ 开始使用。

对于您问题的第二部分，即“关于哪些？”

对齐内容
将 justifyContent 添加到组件的样式确定子元素沿主轴的分布。孩子应该分布在起点、中心、终点还是均匀分布？可用选项包括 flex-start、center、flex-end、space-around 和 space-between。链接到文档

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

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

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

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

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

于 2018-01-14T15:46:08.913 回答
6

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发布该功能的发行说明
于 2018-01-08T14:13:28.353 回答