React native 实现react本机选项卡导航器时出错

我正在将react native选项卡导航器实现为：

 <TabNavigator>
  <TabNavigator.Item
    selected={this.state.selectedTab === 'home'}
    title="Home"
    renderIcon={() => <Image source={...} />}
    renderSelectedIcon={() => <Image source={...} />}
    badgeText="1"
    onPress={() => this.setState({ selectedTab: 'home' })}>
    {homeView}
  </TabNavigator.Item>
  <TabNavigator.Item
    selected={this.state.selectedTab === 'profile'}
    title="Profile"
    renderIcon={() => <Image source={...} />}
    renderSelectedIcon={() => <Image source={...} />}
    renderBadge={() => <CustomBadgeView />}
    onPress={() => this.setState({ selectedTab: 'profile' })}>
    {profileView}
  </TabNavigator.Item>
</TabNavigator>

}
RenderSelectDecion={（）=>}
badgeText=“1”
onPress={（）=>this.setState（{selectedTab:'home'}）}>
{homeView}
}
RenderSelectDecion={（）=>}
RenderEdge={（）=>}
onPress={（）=>this.setState（{selectedTab:'profile'}）}>
{profileView}

这是我正在实现的代码，正如他们在其[文档]中所示，但这向我显示了某些错误

元素类型无效：应为字符串（对于内置组件） 或者一个类/函数（用于复合组件），但得到：object

检查

TabNavigator

。

---

请纠正我的错误

您添加了react导航并导入库了吗？是的，但是我从“react native tab navigator”导入的tab navigator您使用的是webpack吗？包括导入元素的方式，因为这可能是一个导入错误。我像“从“react-native tab navigator”导入TabNavigator”一样导入；您添加了react-navigator并导入库了吗？是的，但是我从“react-native tab navigator”导入的tab navigator您正在使用Web包吗？包括导入元素的方式，因为这可能是一个导入错误。我像“从“react native tab navigator”导入TabNavigator”