benevbright/react-navigation-collapsible

TypeError: undefined is not an object (evaluating 'this._callListeners.bind')

FrizenVladyslav opened this issue · 1 comments

Information

  • react-native version: 0.64.1
  • react-navigation version: 5.9.4
  • react-navigation-collapsible version: 5.10.2
  • Platform (iOS/Android): IOS
  • react-native init or Expo: react-native init

Detail

Default BackgroundHeaderScreen example did not work for me.

Simulator Screen Shot - iPhone 12 - 2021-08-01 at 00 13 45

My navigation stack
`import React from 'react';
import { createStackNavigator } from '@react-navigation/stack';

import VehiclesList from './List';
import BackgroundHeaderScreen from './Form';

const Stack = createStackNavigator();

const screenPrefix = 'Vehicles';

const Vehicles = () => {
return (
<Stack.Navigator>
<Stack.Screen
name={${screenPrefix}Form}
component={BackgroundHeaderScreen}
options={{
title: 'Add Vehicle',
headerTintColor: 'white',
}}
/>
<Stack.Screen
name={${screenPrefix}List}
component={VehiclesList}
options={{ title: 'Vehicles' }}
/>
</Stack.Navigator>
);
};

export default Vehicles;`

Fixed by adding plugin @babel/plugin-transform-flow-strip-types' to babel config