message: Styled the row of sub-colors
diff: @@ -25,6 +25,20 @@ export default ({color}) => (
  <View style={{backgroundColor: color, flex: 1}} />
  </SharedElementAndroid>
  <Text style={styles.text}>{color}</Text>
  + <View style={styles.colors}>
  + {['red', 'blue', 'green'].map(subcolor => (<TouchableHighlight
  + key={subcolor}
  + style={[
  + {backgroundColor: subcolor},
  + styles.subcolor
  + ]}
  + underlayColor={subcolor}
  + onPress={() => {
  + stateNavigator.navigateBack(1);
  + }}>
  + <View />
  + </TouchableHighlight>))}
  + </View>
  </ScrollView>
  )}
  </NavigationContext.Consumer>
  @@ -50,4 +64,15 @@ const styles = StyleSheet.create({
  textAlign:'center',
  fontWeight: 'bold',
  },
  + colors: {
  + flexDirection: 'row',
  + justifyContent: 'space-evenly',
  + marginTop: 20,
  + marginLeft: 40,
  + marginRight: 40,
  + },
  + subcolor: {
  + width: 100,
  + height: 50,
  + },
  });
  \ No newline at end of file
  