Question

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

谢谢！

Answer 1

如@Ben所述，您可以使用<View style={{justifyContent: 'space-evenly'}}>children views...</View>，因为RN 0.52.0 +。

你的问题的第二部分，即“哪些？”

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

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

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

语法很简单，您可以像

一样使用它

justifyContent

有关class Course attr_reader :days def initialize(days) @days = days end end course = Course.new([:mon, :tue, ...])的更多详情，请访问this link

Answer 2

React Native 0.54.0+中提供了

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

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

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

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

0.52.0 Release Notes（错误地 - 它尚未完全实现）
Commit 1050e0b
Pull Request #17805
0.54.0 Release Notes

justifyContent：＆＃39;空间均匀＆＃39;在React Native中

2 个答案: