Form Created

Author: amitntrivedi

.expo/packager-info.json

@@ -0,0 +1,10 @@
+{
+  "devToolsPort": 19002,
+  "expoServerPort": 19000,
+  "packagerPort": 19001,
+  "packagerPid": 51764,
+  "expoServerNgrokUrl": null,
+  "packagerNgrokUrl": null,
+  "ngrokPid": null,
+  "webpackServerPort": null
+}

.expo/settings.json

@@ -0,0 +1,8 @@
+{
+  "hostType": "lan",
+  "lanType": "ip",
+  "dev": true,
+  "minify": false,
+  "urlRandomness": null,
+  "https": false
+}

.gitignore

@@ -1,13 +1 @@
-node_modules/**/*
-.expo/*
-npm-debug.*
-*.jks
-*.p8
-*.p12
-*.key
-*.mobileprovision
-*.orig.*
-web-build/
-
-# macOS
-.DS_Store
+node_modules

App.css

@@ -0,0 +1,54 @@
+@font-face {
+    font-family: "Entypo";
+    src: url("~react-native-vector-icons/Fonts/Entypo.ttf") format("truetype");
+  }
+  
+  @font-face {
+    font-family: "EvilIcons";
+    src: url("~react-native-vector-icons/Fonts/EvilIcons.ttf") format("truetype");
+  }
+  
+  @font-face {
+    font-family: "FontAwesome";
+    src: url("~react-native-vector-icons/Fonts/FontAwesome.ttf")
+      format("truetype");
+  }
+  
+  @font-face {
+    font-family: "fontcustom";
+    src: url("~react-native-vector-icons/Fonts/Foundation.ttf") format("truetype");
+  }
+  
+  @font-face {
+    font-family: "Ionicons";
+    src: url("~react-native-vector-icons/Fonts/Ionicons.ttf") format("truetype");
+  }
+  
+  @font-face {
+    /*font-family: 'MaterialCommunityIcons';*/
+    font-family: "Material Design Icons";
+    src: url("~react-native-vector-icons/Fonts/MaterialCommunityIcons.ttf")
+      format("truetype");
+  }
+  
+  @font-face {
+    font-family: "MaterialIcons";
+    src: url("~react-native-vector-icons/Fonts/MaterialIcons.ttf")
+      format("truetype");
+  }
+  
+  @font-face {
+    font-family: "Octicons";
+    src: url("~react-native-vector-icons/Fonts/Octicons.ttf") format("truetype");
+  }
+  
+  @font-face {
+    font-family: "simple-line-icons";
+    src: url("~react-native-vector-icons/Fonts/SimpleLineIcons.ttf")
+      format("truetype");
+  }
+  
+  @font-face {
+    font-family: "Zocial";
+    src: url("~react-native-vector-icons/Fonts/Zocial.ttf") format("truetype");
+  }

App.js

@@ -1,21 +1,39 @@
-import { StatusBar } from 'expo-status-bar';
 import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
+import { AppLoading } from 'expo';
+import { Container, Text } from 'native-base';
+import * as Font from 'expo-font';
+import { Ionicons } from '@expo/vector-icons';
+import Startup from './Boot/Startup';
+import DrawerExample from './screens/DrawerExample';
 
-export default function App() {
-  return (
-    <View style={styles.container}>
-      <Text>Open up App.js to start working on your app!</Text>
-      <StatusBar style="auto" />
-    </View>
-  );
-}
+export default class App extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      isReady: false,
+    };
+  }
+
+  async componentDidMount() {
+    await Font.loadAsync({
+      Roboto: require('native-base/Fonts/Roboto.ttf'),
+      Roboto_medium: require('native-base/Fonts/Roboto_medium.ttf'),
+      ...Ionicons.font,
+      
+    });
+    this.setState({ isReady: true });
+  }
+
+  render() {
+    if (!this.state.isReady) {
+      return <AppLoading />;
+    }
 
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#fff',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-});
+    return (
+      <Container>
+
+     <Startup />
+      </Container>
+    );
+  }
+}

Boot/Startup.js

@@ -0,0 +1,42 @@
+import React, { Component } from 'react';
+import FindAsteroidScreen from './../screens/FindAsteroidScreen'
+import { Container, Header, Title,  Content, Footer, FooterTab, Button, Left, Right, Body, Icon, Text, Form, Item, Input,Label  } from 'native-base';
+import DrawerExample from '../screens/DrawerExample';
+export default class Startup extends Component {
+
+   
+  render() {
+    return (
+      <Container>
+        <Header>
+          <Left>
+            <Button transparent >
+              <Icon name='menu' >
+                
+                </Icon>
+             
+              
+            </Button>
+            
+          </Left>
+          <Body>
+            <Title>Nasa Astroid </Title>
+          </Body>
+          <Right />
+        </Header>
+        <Content>
+
+       <FindAsteroidScreen />
+          
+        </Content>
+        <Footer>
+          <FooterTab>
+            <Button full>
+              <Text>Made with love by Amit Kumar Trivedi</Text>
+            </Button>
+          </FooterTab>
+        </Footer>
+      </Container>
+    );
+  }
+}

config-overrides.js

@@ -0,0 +1,30 @@
+const path = require('path');
+const {
+  override,
+  addWebpackAlias,
+  babelInclude,
+  addBabelPlugins
+} = require('customize-cra');
+
+module.exports = override(
+  addWebpackAlias({
+    "react-native/Libraries/Renderer/shims/ReactNativePropRegistry": "react-native-web/dist/modules/ReactNativePropRegistry",
+    "react-native": "react-native-web"
+  }),
+  babelInclude([
+    path.resolve('src'),
+    path.resolve('node_modules/native-base-shoutem-theme'),
+    path.resolve('node_modules/react-navigation'),
+    path.resolve('node_modules/react-native-easy-grid'),
+    path.resolve('node_modules/react-native-drawer'),
+    path.resolve('node_modules/react-native-safe-area-view'),
+    path.resolve('node_modules/react-native-vector-icons'),
+    path.resolve('node_modules/react-native-keyboard-aware-scroll-view'),
+    path.resolve('node_modules/react-native-web'),
+    path.resolve('node_modules/react-native-tab-view'),
+    path.resolve('node_modules/static-container'),
+  ]),
+  addBabelPlugins(
+    "@babel/plugin-proposal-class-properties"
+  ),
+);