2

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

我正在尝试使用 React 本机路由器通量为 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>
4

1 回答 1

3

文档中似乎缺少它，但它是这样完成的。

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>
于 2016-12-30T14:51:20.707 回答