Create first structures

Author: MostafaRastegar

.eslintignore

@@ -1,4 +1,3 @@
-.next
-_next
-out
-README.md
+README.md
+_test_
+_test_/*

App.js

@@ -1,43 +1,26 @@
 import * as React from 'react';
 import { NavigationContainer } from '@react-navigation/native';
-import { createStackNavigator } from '@react-navigation/stack';
-
 import 'react-native-gesture-handler';
 import { StatusBar } from 'expo-status-bar';
-import tail from 'mr-min-tail-css/react-native';
-import { StyleSheet, Text, View } from 'react-native';
 
 import { PersistGate } from 'redux-persist/es/integration/react';
 import { Provider } from 'react-redux';
-import { ThemeProvider } from 'styled-components';
+import { ThemeProvider } from 'styled-components/native';
 import { store, persistor } from '~/store/store';
 import defaultTheme from '~/constants/theme';
-
-import Home from '~/pages/home';
-import Profile from '~/pages/profile';
-import { ContainerView } from './styles';
-
-const Stack = createStackNavigator();
+import FooterNavigator from '~/components/Common/FooterNavigator';
 
 const App = () => (
-  <ContainerView>
-    <Provider store={store}>
-      <PersistGate loading={null} persistor={persistor}>
-        <ThemeProvider theme={defaultTheme}>
-          <NavigationContainer>
-            <Stack.Navigator initialRouteName="Home">
-              <Stack.Screen name="Home" component={Home} />
-              <Stack.Screen name="Profile" component={Profile} />
-            </Stack.Navigator>
-          </NavigationContainer>
-          <View>
-            <Text>Open up App.js to start working on your app2!</Text>
-          </View>
-          <StatusBar style="auto" />
-        </ThemeProvider>
-      </PersistGate>
-    </Provider>
-  </ContainerView>
+  <Provider store={store}>
+    <PersistGate loading={null} persistor={persistor}>
+      <ThemeProvider theme={defaultTheme}>
+        <NavigationContainer>
+          <FooterNavigator />
+        </NavigationContainer>
+        <StatusBar style="auto" />
+      </ThemeProvider>
+    </PersistGate>
+  </Provider>
 );
 
 export default App;

__tests__/App.js

@@ -1,10 +1,11 @@
 import 'react-native';
 import React from 'react';
+import renderer from 'react-test-renderer';
 import App from '../App';
 
 // Note: test renderer must be required after react-native.
-import renderer from 'react-test-renderer';
 
+// eslint-disable-next-line no-undef
 it('renders correctly', () => {
   renderer.create(<App />);
 });

app.config.js

@@ -0,0 +1,23 @@
+const envConfig = (MY_ENVIRONMENT) => {
+  if (MY_ENVIRONMENT === 'production') {
+    return {
+      /* your production config */
+      HOSTURL: 'https://jsonplaceholder2.typicode.com',
+    };
+  }
+  return {
+    HOSTURL: 'https://jsonplaceholder.typicode.com',
+  };
+};
+
+module.exports = () => ({
+  name: 'test',
+  displayName: 'test',
+  expo: {
+    name: 'test',
+    slug: 'test',
+    version: '1.0.0',
+    assetBundlePatterns: ['**/*'],
+    extra: envConfig(process.env.BUILD_ENV),
+  },
+});