React Native Router Flux custom Icon

Question

это мой первый вопрос, так что простите меня, если я ошибаюсь.

Я пытаюсь настроить значки navbar для IOS, используя React native router flux, но я не знаю, как получить мои сделанные на заказ значки (png-файлы). В некоторых примерах они используют значок = {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>