this.props.onPress is not a function, is an instance of an object

[sagomezza]

Hi, I'm getting this error when I try to implement the camera in my project:

The project has the next structure:
A main screen (I'm using react-navigation) from which I can access others screen through some buttons. In one of those screens, there's a button that calls the camera, when I hit that button I the error occurs.

But, if try the camera and the gallery apart, I'm not getting any error.
Also if I delete all the onPress props from all the TouchableOpacity tags on Camera and Gallery, I'm still getting the same error, which is pretty weird.

Anyone knows why is this happening?

[shandilya1998]

I'm getting this error, when i try to go from one screen to another.

class TripsScreen extends Component{
  constructor(){
    this.FunctionToCustomItineraryBuilder = this.FunctionToCustomItineraryBuilder.bind(this)
  }

  static navigationOptions = ({navigation}) =>({
    title : "TripsScreenOptions",
    headerVisible: false
  })

  FunctionToCustomItineraryBuilder(){
    this.props.navigation.navigate("Second")
  }
  
  render()
  { 
      return(
          <ImageBackground
              source={require("../../assets/images/bg.png")}
              style={styles.bg}>
              <View style = {styles.appTitle}>
              <Text style = {styles.appTitleText}>TRAVEL APP</Text> 
              </View>
              <View style = {styles.tripScreen}>
                <View style = {styles.tripScreenOptionsView}>
                  <TouchableOpacity onPress = FunctionToCustomItineraryBuilder() style = {styles.tripScreenOptionButton}>
                    <View>
                      <Text style = {styles.tripScreenOptionText}>Build an itinerary</Text>
                    </View>
                  </TouchableOpacity>
                  <TouchableOpacity style = {styles.tripScreenOptionButton}>
                    <View>
                      <Text style = {styles.tripScreenOptionText}>Planned Trips</Text>
                    </View>
                  </TouchableOpacity>
                  <TouchableOpacity style = {styles.tripScreenOptionButton}>
                    <View>
                      <Text style = {styles.tripScreenOptionText}>Previous Trips</Text>
                    </View>
                  </TouchableOpacity>
                </View>
              </View>
          </ImageBackground>
          );
  }
}

Any explanation why? StackOverflow suggested binding the function being used for navigation (here FunctiontoCustomItineraryBuilder), but that doesn't help either.