ridgeO

import React from "react";
import { render } from "react-dom";
import styled from "styled-components";

const InputGroup = styled.div`
  position: relative;
  display: flex;
  align-items: stretch;
  flex-wrap: no-wrap;
`;

ridgeO

# index.ios.js and index.android.js

import './components/App.js';

# components/App.js

'use strict';
import React, { Component } from 'react';
import {
  AppRegistry,

ridgeO

# index.ios.js and index.android.js

import './app.js';

ridgeO

# firebaseConfig.js

...
import * as firebase from 'firebase';
...

ridgeO

# firebaseConfig.js

...
// Initialize Firebase
const firebaseConfig = {
  apiKey: "<your-api-key>",
  authDomain: "<your-auth-domain>",
  databaseURL: "<your-database-url>",
  storageBucket: "<your-storage-bucket>"
};

ridgeO

# index.ios.js and/or index.android.js

...
import firebaseApp from './firebaseConfig.js';
...

ridgeO

# firebaseConfig.js

...
import * as firebase from 'firebase';
...

ridgeO

# App.js

...
class ReactNav extends Component {
  render() {
    return (
      <NestedNav/>
    );
  }
}

ridgeO

# App.js

...
class GreenScreen extends Component {
  render() {
    return(
      <View style={styles.green}>
        ...
        <TouchableHighlight
          style={styles.button}

ridgeO

# App.js

...
const NestedNav = StackNavigator(
  {
    Landing: { screen: GreenScreen },
    Drawer: { screen: DrawerNavigator(
      {
        Home: { screen: TabNavigator(
          {