Реакция навигации TypeError: backImage не является функцией. (В 'backImage ({tintColor: tintColor})' 'backImage' является экземпляром Object) - PullRequest
Новая
       4

Реакция навигации TypeError: backImage не является функцией. (В 'backImage ({tintColor: tintColor})' 'backImage' является экземпляром Object)

2 голосов
/ 12 января 2020

Я следую инструкциям на YouTube и получил ошибку. Их закуска тоже не работает, и я попытался отладить ее, но я ничего не могу получить.

Это индекс. js код для реагирования-навигации. 

import React from 'react';
import { Image } from 'react-native';
import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';

import Welcome from '../screens/Welcome';
import Login from '../screens/Login';
import SignUp from '../screens/SignUp';
import Forgot from '../screens/Forgot';
import Explore from '../screens/Explore';
import Browse from '../screens/Browse';
import Product from '../screens/Product';
import Settings from '../screens/Settings';

import { theme } from '../constants';

const screens = createStackNavigator({
  Welcome,
  Login,
  SignUp,
  Forgot,
  Explore,
  Browse,
  Product,
  Settings,
}, {
  defaultNavigationOptions: {
    headerStyle: {
      height: theme.sizes.base * 4,
      backgroundColor: theme.colors.white, // or 'white
      borderBottomColor: "transparent",
      elevation: 0, // for android
    },
    headerBackImage: <Image source={require('../assets/icons/back.png')} />,
    headerBackTitle: null,
    headerLeftContainerStyle: {
      alignItems: 'center',
      marginLeft: theme.sizes.base * 2,
      paddingRight: theme.sizes.base,
    },
    headerRightContainerStyle: {
      alignItems: 'center',
      paddingRight: theme.sizes.base,
    },
  }
});

export default createAppContainer(screens);

1 Ответ

1 голос
/ 12 января 2020

Я исправил это, сделав его функцией, изменив его на 

headerBackImage: ()=>(<Image source={require('../assets/icons/back.png')} />),
...