ignite-router-flux/boilerplate/App/Components/tab/TabIcon.js

Infinite Red's hot boilerplate for React Native.

import React from 'react'
import PropTypes from 'prop-types'
import {
  Text
} from 'react-native'

const propTypes = {
  selected: PropTypes.bool,
  title: PropTypes.string
}

const TabIcon = (props) => {
  return <Text
    style={{ color: props.focused ? 'red' : 'black' }}
  >{props.title}
  </Text>
}

TabIcon.propTypes = propTypes

export default TabIcon