ProfileScreen.js

import React, { Component } from 'react';
import {
    View,
    Text,
    TouchableOpacity,
    Image,
    YellowBox
} from 'react-native';
import { STYLES } from './style';
import { CAMERA_ICON } from './../../config/images';

export default class ProfileScreen extends Component{

    constructor(props) {  
        super(props);
      
        YellowBox.ignoreWarnings([
          'Warning: componentWillMount is deprecated',
          'Warning: componentWillReceiveProps is deprecated',
        ]);
      
    }

  cameraNavigation(){
    this.props.navigation.navigate('CameraScreen');
  }

  render(){
      return(
        <View style={{flex: 1}}>
          <View style={STYLES.imageBackground}></View>
          <TouchableOpacity 
            style={STYLES.circle}
            onPress={ () => this.cameraNavigation() }>
              <Image
                style={STYLES.cameraIcon}
                source={ CAMERA_ICON }
              />
          </TouchableOpacity>
          <View>
          </View>
        </View>
      );
  }
}