import React, { Component } from 'react';
import {
  Image,
  Platform,
  StyleSheet,
} from 'react-native';

import ListItem from '../../components/ListItem';
import WelcomeText from './WelcomeText';

export default class WelcomeScreen extends Component {

  static navigationOptions = {
    title: 'Welcome',
    // You can now set header: null on any component to hide the header
    header: Platform.OS === 'ios' ? undefined : null,
    tabBarIcon: ({ tintColor }) => (
      <Image
        // Using react-native-vector-icons works here too
        source={require('./welcome-icon.png')}
        style={[styles.icon, {tintColor: tintColor}]}
      />
    ),
  }

  render() {
    return (
      <WelcomeText />
    );
  }
}

const styles = StyleSheet.create({
  icon: {
    width: 30,
    height: 26,
  },
});