csorlandi

export default class App extends Component {
  render() {
    return (
      <View style={styles.container}>
        <View style={styles.searchBar} />
        <View style={styles.content}></View>
        <View style={styles.menuBar} />
      </View>
    );
  }

csorlandi

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#c9ccd1',
  },
  searchBar: {
    height: 54,
    backgroundColor: '#3b5998',
  },
  content: {

csorlandi

renderRows(numberRow) {
    let shimmerRows = [];
    for(let index = 0; index < numberRow; index++ ){
      shimmerRows.push(
        <View style={styles.post} key={`loading-${index}`}>
          <View style={styles.userInfoContainer}>
            <ShimmerPlaceHolder
              style={styles.postUserImage}
              visible={this.state.userImageVisible}
              backgroundColorBehindBorder={'white'}

csorlandi

import React from 'react';

import Routes from './routes';

const App = () => <Routes />;

export default App;

csorlandi

import { createStackNavigator } from 'react-navigation';

import SignIn from './pages/signIn';
import SignUp from './pages/signUp';
import Main from './pages/main';

const Routes = createStackNavigator({
  SignIn,
  SignUp,
  Main,

csorlandi

import axios from 'axios';

/* Endereços para cada emulador/simulador:
** Genymotion:              http://10.0.3.2:3333/
** Emulador Android Studio: http://10.0.2.2:3333/
** Simulador IOS:           http://localhost:3333/
*/
const api = axios.create({
  baseURL: 'http://localhost:3333/',
});

csorlandi

const Container = styled.View`
  flex: 1;
  alignItems: center;
  justifyContent: center;
  backgroundColor: #F5F5F5;
`;

const Logo = styled.Image`
  height: 30%;
  marginBottom: 40px;

csorlandi

import styled from 'styled-components';

const Container = styled.View`
  flex: 1;
  alignItems: center;
  justifyContent: center;
  backgroundColor: #F5F5F5;
`;

const Logo = styled.Image`

csorlandi

import React, { Component } from 'react';
import PropTypes from 'prop-types';

import { StatusBar, AsyncStorage } from 'react-native';
import { StackActions, NavigationActions } from 'react-navigation';

import api from '../../services/api';

import {
  Container,

csorlandi

handleEmailChange = (email) => {
  this.setState({ email });
};

handlePasswordChange = (password) => {
  this.setState({ password });
};

handleCreateAccountPress = () => {
  this.props.navigation.navigate('SignUp');