React Native Functional Component Template

func_component_template

import React, {useState, useEffect} from 'react'
import {StyleSheet, View} from 'react-native'

const MyFunctionalComponent = (props) => {
  useEffect(() => {
    //on load logic
  }, [])

  return (
    <View style={{flex: 1}}>
      
    </View>
  )
}

MyFunctionalComponent.navigationOptions = (navigation) => {
  
  return {
    title: `My Title`,
    headerStyle: {
      backgroundColor: Colors.navigationBkgd,
    },
    headerTintColor: Colors.navigationColor,
  }
}

const styles = StyleSheet.create({
  
})

export default MyFunctionalComponent