react-native-ui-kitten - 如何更改底部导航中选定的 BottomNavigationTab 的颜色（ ui-kitten ）

Question

<Layout>
      <BottomNavigation indicatorStyle={styles.tabIndicator} selectedIndex={selectIndex} onSelect={onSelect} >
        <BottomNavigationTab title='Home' icon={homeIcon}/>
        <BottomNavigationTab title='Cart' icon={cartIcon}/>
        <BottomNavigationTab title='Search' icon={searchIcon}/>
        <BottomNavigationTab title='Account' icon={accountIcon}/>
        <BottomNavigationTab title='More' icon={menuIcon}/>
      </BottomNavigation>
    </Layout>

如何更改 ui-kitten 库中选定选项卡项以及未选定选项卡项的图标颜色和文本颜色？

"@eva-design/eva": "^1.4.0",
"@react-native-community/masked-view": "^0.1.7",
"@ui-kitten/components": "^4.4.1",
"@ui-kitten/eva-icons": "^4.4.1",
"react": "16.9.0",
"react-native": "0.61.4",

Answer 1

<BottomNavigation
---> indicatorStyle={{backgroundColor: '#FFAA00', height: 4}}
      selectedIndex={selectedIndex}
      onSelect={(index) => setSelectedIndex(index)}>
      <BottomNavigationTab
        icon={TabIcon}
        title="Teste"
      />

保存并重新启动（不是按 r，停止启动）地铁以应用更改