Реагируйте Навигация 3 Главные вкладки

Question

Я использую React Navigation 3, я хочу скрыть заголовок и отобразить свой пользовательский заголовок, который содержит вкладки, как показано на следующем рисунке.

const HomeTab = createMaterialTopTabNavigator({
  Tab1: InviHistory,
  Tab2: Shop
},{
  tabBarOptions: {
    scrollEnabled: true,
    labelStyle: {
      fontSize: 12,
    },
    style: {
      backgroundColor: 'red',
    },
    indicatorStyle: {
      backgroundColor: '#fff'
    },
    defaultNavigationOptions:{
      header:null
    }
  },
});

Answer 1

Ответ на Ваш вопрос в документах о реагировании.

class LogoTitle extends React.Component {
  render() {
    return (
      <Image
        source={require('./spiro.png')}
        style={{ width: 30, height: 30 }}
      />
    );
  }
}

class HomeScreen extends React.Component {
    static navigationOptions = {
        // headerTitle instead of title
        headerTitle: <LogoTitle />,
    };

  /* render function, etc */
}

С параметром header вы можете передать компонент для замены заголовка вообще.

API параметров навигации: https://reactnavigation.org/docs/en/stack-navigator.html#navigationoptions-used-by-stacknavigator

Настройка API заголовка: https://reactnavigation.org/docs/en/headers.html

Answer 2

должно быть что-то вроде этого.

 defaultNavigationOptions:{
    headerMode:"none"
}