选项卡组件未呈现 -React 本机

Question

我在一个 js 文件中托管了两个选项卡组件。如果仅渲染选项卡路由器，则它可以正常工作。如果我尝试在 View 组件中渲染它，它不会渲染标签。

我的 RegisterHost.js 渲染方法。

render() {
return (
  <View>
    <Text>This is main home Component</Text>
    <Tab />
  </View>
);

}

它只呈现“这是主 Home 组件”

如果我评论视图和文本组件。完美呈现Tab。

   render() {
    return (
      // <View>
      //   <Text>This is main home Component</Text>
        <Tab />
      //</View>
    );
  }

我的 Tab 路由器配置

  export const Tab = TabNavigator(
  {
    BankCustomerRegister: {
      screen: BankCustomerRegister,
      navigationOptions: {
        tabBarLabel: "Bank Customer"
      }
    },
    nonbankcustomer: {
      screen: NonCustomerRegister,
      navigationOptions: {
        tabBarLabel: "New Customer"
      }
    }
  },

我不确定它哪里出错了。 是不是少了什么东西。

Answer 1

尝试将style={{flex: 1}}添加到RegisterHost.js的父View中