Question

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

我正在尝试使用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>

Answer 1

文档似乎遗漏了，但它是这样做的。

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>

React Native Router Flux自定义图标

1 个答案: