react-native - React Native 默认宽度

Question

这可能是个愚蠢的问题，但我不明白组件宽度是如何工作的。

当我这样做时:

    render() {
        return (
          <View style={{ height: 100, backgroundColor: 'yellow' }}></View>
        )
    }

我的黄色 View 是可见的，需要 100 个“高度”和全宽。为什么 ？我从不设置宽度，为什么宽度不等于 0？

Answer 1

1. 您的 View 高度为 100，因为您是这样设置的
2. 您的 View 宽度不为零，因为您没有将它设置为 0，并且零不是默认宽度值
   • 宽度的默认值是“自动”，因为您没有将它设置为任何其他值(“自动”基本上是父级“剩余”空间的 100%，除非其他样式使其表现不同，即:弹性)。

解决方案!

• 只需将宽度设置为您想要的宽度即可，可以显式设置也可以使用 flex