IntroContainer.js

import React from "react";
import { Alert } from "react-native";
import { connect } from "react-redux";
import { compose, withHandlers, lifecycle } from "recompose";

import { css, withStyles, withRouter } from "../../common";

import Intro from "./Intro";

function componentDidMount() {
  this.props.navigator.setStyle({ navBarHidden: true });
}

function onPressSignWithoutFacebook({ navigator }) {
  return () => {
    navigator.push({
      screen: "screen.Register"
    });
  };
}

function onPressSignWithFacebook() {
  return () => {
    Alert.alert("Login com o Facebook");
  };
}

function onPressLogin({ navigator }) {
  return () => {
    navigator.push({
      screen: "screen.Login"
    });
  };
}

const styles = () => {
  return {};
};

function mapStateToProps() {
  return {};
}

export default compose(
  connect(mapStateToProps),
  withRouter,
  withStyles(styles),
  lifecycle({
    componentDidMount
  }),
  withHandlers({
    onPressLogin,
    onPressSignWithFacebook,
    onPressSignWithoutFacebook
  })
)(Intro);