message: Changed Detail to use hooks
diff: -import React from 'react';
  +import React, {useContext} from 'react';
  import {Platform, StyleSheet, ScrollView, Text, View, TouchableHighlight} from 'react-native';
  import {NavigationContext} from 'navigation-react';
  import {NavigationBar, RightBar, BarButton, TitleBar, SharedElement} from 'navigation-react-native';
  -export default ({colors, color, name, filter, search}) => (
  - <NavigationContext.Consumer>
  - {({stateNavigator}) => (
  +const Detail = ({colors, color, name, filter, search}) => {
  + const {stateNavigator} = useContext(NavigationContext);
  + return (
  <>
  <NavigationBar
  title="Color"
  @@ -47,9 +47,10 @@ export default ({colors, color, name, filter, search}) => (
  </View>
  </ScrollView>
  </>
  - )}
  - </NavigationContext.Consumer>
  );
  +};
  +
  +export default Detail;
  const styles = StyleSheet.create({
  titleBar: {
  