import React, { Component } from 'react';
import {
  StyleSheet,
  Text,
  View,
  ListView,
  Navigator,
  TouchableHighlight
} from 'react-native';
import NavigationBar from 'react-native-navbar'

class Search extends Component {
  navigate(routeName) {
    this.props.navigator.push({
      name: routeName
      // passProps: {name: routeName},
    })
  }

  render() {
    return (
      <View>
        <NavigationBar
            title={{ title:  'TipTap!' , tintColor:  'black' , }}
            rightButton={{ title: 'Get Tips', tintColor: 'black', handler: this.navigate.bind(this, "search")}}
            leftButton={{ title: 'Back', tintColor: 'black', handler: this.navigate.bind(this, "main")} }
            style={{ backgroundColor:  "#D3D3D3" , }}
            statusBar={{ tintColor:  "white" , }}
        />
          <Text style={styles.title}>
            Searching!
          </Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'stretch',
    backgroundColor: '#B8D8D8',
    marginTop: 24,
  },
  title: {
    marginTop: 250,
    fontSize: 20,
    marginBottom: 8,
    textAlign: 'center',
  },
  bButton: {
    backgroundColor: '#007399',
    color: 'white',
    textAlign: 'left',
    marginTop: 0,
    fontSize: 40,
    width: 55,
    fontWeight: 'bold',
  },
  nav: {
    justifyContent: 'flex-start',
    width: 378,
    height: 50,
    backgroundColor: '#007399',
    flexDirection: 'row',
  },
  navtitle: {
    fontFamily: 'Helvetica',
    marginTop: 15,
    marginLeft: 74,
    fontSize: 20,
    color: 'white',
    letterSpacing: 14,
  },
    title: {
    marginTop: 250,
    fontSize: 20,
    marginBottom: 8,
    textAlign: 'center',
  },
  bButton: {
    backgroundColor: '#007399',
    color: 'white',
    textAlign: 'left',
    marginTop: 0,
    fontSize: 40,
    width: 55,
    fontWeight: 'bold',
  },
  nav: {
    justifyContent: 'flex-start',
    width: 378,
    height: 50,
    backgroundColor: '#007399',
    flexDirection: 'row',
  },
  navtitle: {
    fontFamily: 'Helvetica',
    marginTop: 15,
    marginLeft: 74,
    fontSize: 20,
    color: 'white',
    letterSpacing: 14,
  },
});

export default Search;

@@ -119,16 +119,25 @@
 ighlight
+,%0A  Image
 %0A%7D from 
@@ -495,120 +495,8 @@
  %7D%7D%0A
-            rightButton=%7B%7B title: 'Get Tips', tintColor: 'black', handler: this.navigate.bind(this, %22search%22)%7D%7D%0A
     
@@ -529,12 +529,11 @@
 e: '
-Back
+Off
 ', t
@@ -711,16 +711,56 @@
      /%3E%0A
+        %3CView style=%7Bstyles.container%7D%3E%0A
         
@@ -781,20 +781,22 @@
 %7Bstyles.
-titl
+welcom
 e%7D%3E%0A    
@@ -831,16 +831,255 @@
  %3C/Text%3E
+%0A%0A          %3CImage%0A            style=%7B%7B%0A              width:  300 ,%0A              height:  200 ,%0A            %7D%7D%0A            resizeMode=%7B %22contain%22 %7D%0A            source=%7B%7Buri:'http://i.imgur.com/jVXo2FL.png'%7D%7D%0A            /%3E%0A        %3C/View%3E
 %0A      %3C
@@ -1215,15 +1215,13 @@
 r: '
-#B8D8D8
+white
 ',%0A 
@@ -1238,16 +1238,149 @@
 op: 24,%0A
+    justifyContent: 'center',%0A    alignItems: 'center',%0A  %7D,%0A  welcome: %7B%0A    fontSize: 20,%0A    textAlign: 'center',%0A    margin: 10,%0A
   %7D,%0A  t

Update Search page so that it includes an image, and has an updated nav bar