Viewing images

With images, it is important that they are getting saved to the imagePath attribute correctly, we want to be able to view them again. We will add another screen called NoteImageScreen that displays the image captured by the camera component. In the App/Components/ directory, create the NoteImageScreen.js file. Same as before, we are going to include this in the navigation as shown:

import NoteImageScreen from './App/Components/NoteImageScreen';

var NavigationBarRouteMapper = {
  LeftButton: function(route, navigator, index, navState) {
    switch (route.name) {

      ...

      case 'createNote':
      case 'noteLocations':
      case 'camera':
      case 'noteImage':
        ...
    }
  },

  ...

  Title: function(route, navigator, index, navState) {
    switch (route.name) {

      ...

      case 'noteImage':
        return (
          <Text style={styles.navBarTitleText}>{`Image: ${route.note.title}`}</Text>
        );
    }
  }
};

class ReactNotes extends...