Question

我在js文件中托管了两个标签组件。如果只渲染选项卡路由器，它的工作完美。如果我尝试在View组件内部渲染它而不是渲染标签。

我的RegisterHost.js渲染方法。

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

}

仅渲染'这是主要的主要组件'

如果我评论视图和文本组件。它的渲染标签很完美。

   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的父视图

选项卡组件未呈现-React native

1 个答案: