反应本机flex问题

时间:2017-10-22 11:47:00

标签: reactjs react-native flexbox react-navigation

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

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

它显示任何东西。如果我移除了它,它会显示&#34;你好&#34;指定背景颜色的文本。我做错了什么?

我也使用导航器...也许我需要在导航器中设置一些东西以显示带有flex的视图?

1 个答案:

答案 0 :(得分:1)

尝试添加宽度:&#39; 100%&#39;到视图样式。