React Native Navigator Experimental Part 2 — Implementing Redux Button.js

Button.js

import React from 'react'
import { Text, TouchableHighlight, StyleSheet } from 'react-native'

export default ({label, onPress}) => (
  <TouchableHighlight
    underlayColor='#35b5ff'
    onPress={onPress} style={styles.button}>
    <Text style={styles.label}>{label}</Text>
  </TouchableHighlight>
)

const styles = StyleSheet.create({
  button: {
    height: 70,
    backgroundColor: '#22a3ed',
    justifyContent: 'center',
    alignItems: 'center'
  },
  label: {
    color: 'white'
  }
})