反应原生弹性问题

Question

我正在尝试使用简单的视图设置我的子组件，如下所示：

  render() {
    console.log("in render")
    return (
      <View style={{flex:1, backgroundColor: 'skyblue'}}>
        <Text>hello</Text>
      </View>

它不显示任何内容。如果我删除 flex，它会显示带有指定背景颜色的"hello"文本。我做错了什么？

我也使用导航器...也许我需要在导航器中设置一些东西才能使用 flex 显示视图？

Answer 1

尝试在视图样式中添加宽度："100%"。