React native 反应本机路由器流量自定义图标

这是我的第一个问题，如果我犯了任何错误，请原谅

我正试图使用React native router flux为IOS定制导航栏图标，但我不知道如何检索我的定制图标（png文件），在某些示例中，它们使用icon={tabIcon}，就像这样，但我需要做的是为图像源描述一个路径，但我不知道如何以正确的语法键入它

任何帮助都将不胜感激。谢谢

这是我的密码：

      <Scene key="root">
        <Scene key="tabbar" tabs>

          <Scene key="tab2"  title="Categories"  **icon={TabIcon}**  >
            <Scene key="categories" component={Categories} title="Categories" initial />
            <Scene hideTabBar key="categorylisting" component={CategoryListing} title="Adventure" />
            <Scene hideTabBar key="showdetails" component={ShowDetails} title="TV Show Details"  />
          </Scene>

---

文档中似乎缺少它，但它是这样做的

function CustomIcon(props) {
  return (
    <View>
      <Image
        source={iconSource}
        style={{ width: 22, height: 25 }}
        tintColor={'red'}
      />
      <Text>Tab1</Text>
    </View>
  );
}

<Scene key="tab1" icon={CustomIcon} >
</Scene>

功能自定义图标（道具）{
返回(
表1
);
}

谢谢。我不知道的是，icon={CustomIcon}必须是一个组件。我认为它可以是一个指定图标资产路径的变量。非常感谢。