dharavp

const TabIcon = ({ tabKey, isSelected }) => {
  let source;
  switch (tabKey) {
    case 'Setting':
      source = isSelected ? TAB_SETTING_SELECTED : TAB_STTING;
      break;
    case 'Home':
      source = isSelected ? TAB_HOME_SELECTED : TAB_HOME;
      break;
    default:

dharavp

import axios from 'axios';

export const getApi = (url) => {
    return new Promise((resolve, reject) => {
        axios.defaults.headers.common.Authorization = '';
        axios.get(url)
            .then((response) => {
                resolve(response)
            })
            .catch((error) => {

dharavp

create normal build in android react native
  //to generate signing keystore
  keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000
 // in app level build.gradle
  signingConfigs {
        debug {
            storeFile file("../keystores/debug.keystore")
            storePassword "android"
            keyAlias "androiddebugkey"
            keyPassword "android"

dharavp

facebook login relelase key
keytool -exportcert -alias <RELEASE_KEY_ALIAS> -keystore <RELEASE_KEY_PATH> | openssl sha1 -binary | openssl base64

dharavp

const LeftNavigator = DrawerNavigator({
  Home: {
    screen: Home
  },
  sideMenuScreen1: {
    screen: sideMenuScreen1
  },
  sideMenuScreen2: {
   screen: sideMenuScreen2
   },

dharavp

1. create your file index.js or create project
2. create package.json file 
   add this content
   {
  "name": "react-native-demo", //add your package name
  "version": "1.0.2",
  "description": "React-native project structure",
  "main": "index.js",
  "author": "xyz prr <[email protected]>", // your name <email>
  "license": "MIT",

dharavp

Google SignIn documentation

Android:

First Add Project to firebase console, follow all the step given in project set up on firebase console.

Add google-services.json file in app folder.


iOS:

dharavp

<iframe src="https://player.vimeo.com/video/303048990" width="640" height="1305" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

dharavp

componentWillMount() {
    this.fetchUser(this.page) //Method for API call
  }

dharavp

constructor(props) {
    super(props);
    this.page = 1;
    this.state = {
      loading: false, // user list loading
      isRefreshing: false, //for pull to refresh
      data: [], //user list
      error: ''
    }
  }