Question

我有一个NavigatorIOS组件和另一个名为Yolo的组件，我想在导航器下面显示它。这是我的代码：

class Yolo extends Component {
  render(){
    return (
      <View style={{flex: 1, backgroundColor: 'green'}}>
        <View style={{flex: 1, backgroundColor: 'powderblue', marginTop: 64}}>
          <Text>OkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobee</Text>
          <Text>grits</Text>
          <Text>hall and oats</Text>
          <Text>Okechobee</Text>
          <Text>grits</Text>
          <Text>hall and oats</Text>
        </View>
      </View>

    );
  }
}

class NavYo extends Component {
  render(){
    return (
      <NavigatorIOS initialRoute={{component: Yolo, title: 'Oh yea'}} />
    );
  }
}

AppRegistry.registerComponent('AwesomeProject', () => NavYo);

导航器出现没有问题。它正确地标题为Yolo。但是，Yolo组件不会出现。我做错了什么？

Answer 1

我认为导航器应该有一个style = {{flex：1}}

React Native Navigator未显示初始路由

1 个答案: