react-native - React Native 如何做最小/最大宽度

Question

我想在我的界面中设置一个组件的样式。组件的宽度必须至少为 200，但我想让它随着屏幕宽度增长到 600。但是，有时人们使用平板电脑或巨大的手机。而且我不希望该组件能够永远随着屏幕增长。我希望它的最大宽度为 600。

而且我知道 maxWidth 是一个东西，至少现在，它不是 React Native 中 flexbox 实现的一部分......那么，今天有合理的方法来做到这一点吗？

Answer 1

您可以使用 maxWidth , maxHeight , minWidth , minHeight React Native 支持的布局属性。

文档在这里React Native layout props .

例子:

StyleSheet.create({
  container: {
    maxWidth: '80%',   // <-- Max width is 80%
    minHeight: 20,     // <-- Min height is 20
  },
});