Как заставить реагирующую навигацию вести себя одинаково на IOS и Android

Question

Я использую Tab Navigator для навигации в моем приложении, но он использует другой интерфейс на IOS и Android.Есть ли способ заставить его вести себя одинаково на IOS и Android.Или кто-нибудь может порекомендовать какие-либо другие библиотеки, кроме как реагировать на навигацию.

Я пытаюсь сделать навигацию похожей на приложение instagram (https://www.sketchappsources.com/resources/source-images-plus1/instagram-ui-kit-kerroudj-1.jpg)

Answer 1

react-navigation по умолчанию использует TabBarBottom для iOS и TabBarTop для Android.Если вы хотите использовать одну и ту же панель вкладок для обеих ОС, вы можете легко изменить это поведение с помощью свойства tabBarComponent.

tabBarComponent - Компонент для использования в качествепанель вкладок, например TabBarBottom (это значение по умолчанию для iOS), TabBarTop (это значение по умолчанию для Android).

Sample

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

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