Stateless component with function example

Logo.js

// =============================================================================
// Component >> Logo
// =============================================================================
// @flow

// Import
// =============================================================================

import React from 'react';
import { Image } from 'react-native';

import styles from './styles';

// Pick Color
// =============================================================================

const logo = (color = 'white'): number => {
    switch (color) {
        case 'white':
        default:
            return require('./assets/logo--white.png');
    }
};

// Render
// =============================================================================

export default (): React.Element<*> =>
    <Image source={logo()} style={styles.logo} />;