Как сделать пользовательский заголовок заголовка в React Navigation Stacknavigator?

Question

Каждый раз, когда я пытаюсь установить пользовательский заголовок в стеке, появляется сообщение об ошибке: «не могу найти переменную View».Когда я заменяю компонент просто текстом, он работает.

Ошибка появляется каждый раз, когда я использую класс "LogoTitle" для headerTitel

, пытающийся использовать const, вставленный в класс, но не отправляющийработал

const TabNavigation = createMaterialTopTabNavigator({

  AllChats: { screen: AllChatsScreen, 
      navigationOptions: {
      tabBarLabel: "Chats",}}});

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

const SignedInn = createStackNavigator({
  TabNavigation: {
screen: TabNavigation,
  },},{
  navigationOptions: {
headerTitle: <LogoTitle/>}})

export const createRootNavigator = (signedIn = false) => {
  return createSwitchNavigator(
{
  SignedIn: {
    screen: SignedInn}});};

Answer 1

вам нужно использовать заголовок вместо headerTitle, чтобы иметь возможность использовать View

const SignedIn = createStackNavigator ({
  TabNavigation:{screen: TabNavigation,
    navigationOptions: ({navigation}) => ({
      header: <LogoTitle navigation= {navigation} />,
    })
  },
})