如何让反应导航在IOS和Android

Question

我正在使用Tab Navigator在我的应用上进行导航，但它在IOS和Android上使用不同的UI。有没有办法让它在IOS和Android上都以相同的方式运行。或者除了反应导航之外，任何人都可以推荐任何其他库。

我正在尝试使我的导航类似于Instagram应用（https://www.sketchappsources.com/resources/source-images-plus1/instagram-ui-kit-kerroudj-1.jpg）

Answer 1

默认情况下，

react-navigation对iOS使用TabBarBottom，对Android使用TabBarTop。如果要对两个操作系统使用相同的选项卡，则可以使用tabBarComponent属性轻松改变此行为。

  

tabBarComponent - 用作标签栏的组件，例如TabBarBottom（这是iOS上的默认设置），TabBarTop（这是   默认在Android上。）

<强>示例

import  { TabNavigator, TabBarBottom } from 'react-navigation';

export default TabNavigator(
  {
    Home: { screen: HomeScreen },
    Settings: { screen: SettingsScreen },
  },
  {
    tabBarComponent: TabBarBottom,
    tabBarPosition: 'bottom',
  }
);