反应本机默认宽度

Question

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

当我做 ：

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

我的黄色视图是可见的，需要 100 "height" 和full width。为什么 ？我从来没有设置宽度，为什么宽度不等于 0 ？

Answer 1

1. 您的视图高度为 100，因为您设置为
2. 您的视图宽度不为零，因为您没有将其设置为 0，并且零不是默认宽度值
   • 宽度的默认值是“自动”，因为您没有将它设置为其他任何内容（“自动”基本上是父项的“剩余”空间的 100%，除非其他样式使其行为不同，即：flex）。

解决方案！

• 只需将宽度设置为您想要的宽度，明确地或使用 flex