code is deployed in github

.buckconfig

@@ -0,0 +1,6 @@
+
+[android]
+  target = Google Inc.:Google APIs:23
+
+[maven_repositories]
+  central = https://repo1.maven.org/maven2

.eslintrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: '@react-native-community',
+};

.flowconfig

@@ -0,0 +1,75 @@
+[ignore]
+; We fork some components by platform
+.*/*[.]android.js
+
+; Ignore "BUCK" generated dirs
+<PROJECT_ROOT>/\.buckd/
+
+; Ignore polyfills
+node_modules/react-native/Libraries/polyfills/.*
+
+; These should not be required directly
+; require from fbjs/lib instead: require('fbjs/lib/warning')
+node_modules/warning/.*
+
+; Flow doesn't support platforms
+.*/Libraries/Utilities/LoadingView.js
+
+[untyped]
+.*/node_modules/@react-native-community/cli/.*/.*
+
+[include]
+
+[libs]
+node_modules/react-native/Libraries/react-native/react-native-interface.js
+node_modules/react-native/flow/
+
+[options]
+emoji=true
+
+esproposal.optional_chaining=enable
+esproposal.nullish_coalescing=enable
+
+module.file_ext=.js
+module.file_ext=.json
+module.file_ext=.ios.js
+
+munge_underscores=true
+
+module.name_mapper='^react-native$' -> '<PROJECT_ROOT>/node_modules/react-native/Libraries/react-native/react-native-implementation'
+module.name_mapper='^react-native/\(.*\)$' -> '<PROJECT_ROOT>/node_modules/react-native/\1'
+module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> '<PROJECT_ROOT>/node_modules/react-native/Libraries/Image/RelativeImageStub'
+
+suppress_type=$FlowIssue
+suppress_type=$FlowFixMe
+suppress_type=$FlowFixMeProps
+suppress_type=$FlowFixMeState
+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native\\(_ios\\)?_\\(oss\\|fb\\)[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
+
+[lints]
+sketchy-null-number=warn
+sketchy-null-mixed=warn
+sketchy-number=warn
+untyped-type-import=warn
+nonstrict-import=warn
+deprecated-type=warn
+unsafe-getters-setters=warn
+inexact-spread=warn
+unnecessary-invariant=warn
+signature-verification-failure=warn
+deprecated-utility=error
+
+[strict]
+deprecated-type
+nonstrict-import
+sketchy-null
+unclear-type
+unsafe-getters-setters
+untyped-import
+untyped-type-import
+
+[version]
+^0.105.0

.gitattributes

@@ -0,0 +1 @@
+*.pbxproj -text

.gitignore

@@ -0,0 +1,59 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# BUCK
+buck-out/
+\.buckd/
+*.keystore
+!debug.keystore
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+*/fastlane/report.xml
+*/fastlane/Preview.html
+*/fastlane/screenshots
+
+# Bundle artifact
+*.jsbundle
+
+# CocoaPods
+/ios/Pods/

.prettierrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  bracketSpacing: false,
+  jsxBracketSameLine: true,
+  singleQuote: true,
+  trailingComma: 'all',
+};

.watchmanconfig

@@ -0,0 +1 @@
+{}

App.js

@@ -0,0 +1,63 @@
+import 'react-native-gesture-handler';
+import React, { Component } from 'react';
+import {StyleSheet, Text, View,Button,TouchableOpacity,} from 'react-native';
+import {NavigationContainer} from '@react-navigation/native';
+import {createStackNavigator} from '@react-navigation/stack';
+import HomeScreen from './Components/Screens/home';
+import AllMicroLots from './Components/Screens/allMicroLots';
+import AllNanoLots from './Components/Screens/allNanoLots';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+import { HeaderBackground } from 'react-navigation-stack';
+import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';
+import { createMaterialBottomTabNavigator } from '@react-navigation/material-bottom-tabs';
+import AccessAlarm from '@material-ui/icons/AccessAlarm';
+const Tab = createMaterialTopTabNavigator();
+const Tab2 = createMaterialBottomTabNavigator();
+const Stack = createStackNavigator();
+
+
+export default class App extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+
+    }
+}
+render(){
+
+  return (
+
+    <NavigationContainer>
+     <Stack.Navigator>
+        <Stack.Screen name="Home" component={HomeScreen}        
+        options={({ navigation, route }) => ({
+          headerTitle: 'Microfee',
+          headerRight: () =>( 
+               <View style={{flexDirection:'row'}}>
+
+              <TouchableOpacity onPress={() => navigation.navigate('')}>
+              <Icon name="notifications"  size={23} style={{padding:10,color:'grey'}}/> 
+                  </TouchableOpacity>  
+                  <TouchableOpacity onPress={() => navigation.navigate('')}>
+                <Icon name="shopping-cart" size={23}  style={{padding:10,color:'grey'}}/> 
+                  </TouchableOpacity> 
+                 </View>)
+
+        })}
+
+           />
+
+        <Stack.Screen name="All Microlots" component={AllMicroLots} options={{title: 'All Microlots'}} />
+        <Stack.Screen name="All Nanolots" component={AllNanoLots} options={{title: 'All Nanolots'}} />        
+     </Stack.Navigator>    
+     {/* <NavigationContainer>
+  <Tab2.Navigator>
+      <Tab2.Screen name="Home" component={HomeScreen} />     
+     </Tab2.Navigator> */}
+
+ </NavigationContainer>
+  );
+
+
+}
+}

Components/BottomNavigation/bottomNavigation.js

@@ -0,0 +1,59 @@
+import {Toolbar, COLOR,  ThemeContext,  getTheme,  BottomNavigation,Icon,} from 'react-native-material-ui';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+
+// const propTypes = {
+//     navigation: PropTypes.shape({
+//       home: PropTypes.func.isRequired,
+//     }).isRequired,
+//   };
+
+ class OwnBottomNavigation extends Component{
+    constructor(props) {
+        super(props);
+        this.state = {
+
+        }
+      }
+    render() {       
+
+        return(
+            <BottomNavigation
+            active={this.state.active}
+            style={{
+              container: { height: 50},
+            }}>
+            <BottomNavigation.Action
+              key="home"
+              icon="home"
+              label="Home"              
+              onPress={() => this.props.navigation.navigate('Home')}
+            />
+            <BottomNavigation.Action
+              key="search"
+              icon="search"
+              label="Search"
+
+              // onPress={() => this.setState({active: 'search'})}
+            />
+            <BottomNavigation.Action
+              key="favourite"
+              icon="favorite"
+              label="Wish List"
+              // onPress={() => this.setState({active: 'wishList'})}
+            />
+
+            <BottomNavigation.Action
+              key="SignIn"
+              icon="person"
+              label="Sign In"
+              // onPress={() => this.setState({active: 'signIn'})}
+            />
+          </BottomNavigation>
+  )
+}
+}
+
+
+// OwnBottomNavigation.propTypes = propTypes;
+export default OwnBottomNavigation;

Components/Screens/allMicroLots.js

@@ -0,0 +1,73 @@
+import React, { Component } from 'react';
+import {StyleSheet,FlatList,View,Text, Image,ScrollView} from 'react-native';
+import { Card, CardTitle, CardContent, CardAction, CardButton, CardImage } from 'react-native-material-cards';
+import BottomNavigation from '../BottomNavigation/bottomNavigation';
+export default class AllMicroLots extends Component{
+
+    render(){
+        const items = [ 
+            {name : require('../../assets/Images/coffeeFarms/img1.png') ,key:'1'} ,
+            {name : require('../../assets/Images/coffeeFarms/img2.png') ,key:'2'} ,  
+            {name : require('../../assets/Images/coffeeFarms/img3.png') ,key:'3'} ,  
+            {name : require('../../assets/Images/coffeeFarms/img4.png') ,key:'4'} ,  
+            {name : require('../../assets/Images/coffeeFarms/img5.png') ,key:'5'} ,  
+            {name : require('../../assets/Images/coffeeFarms/img6.png') ,key:'6'} ,  
+            {name : require('../../assets/Images/coffeeFarms/img7.png') ,key:'7'} ,  
+            {name : require('../../assets/Images/coffeeFarms/img8.png') ,key:'8'} ,  
+            {name : require('../../assets/Images/coffeeFarms/img9.png') ,key:'9'} ,  
+            {name : require('../../assets/Images/coffeeFarms/img10.png') ,key:'10'} ,  
+
+        ];
+        return(
+
+
+        <View style={{ flex: 1.0,backgroundColor:'rgb(0,70,99)'}}>
+
+        <FlatList data={items}
+        columnWrapperStyle={{justifyContent:'space-between', }}
+        numColumns={2}
+        // keyExtractor = {(items)=>{items.key}}
+
+        renderItem = {({item})=>{
+
+        return(        
+            <Card>
+           <CardImage 
+          source= {item.name} 
+         style={{height:74}}
+             />
+             {/* <Image  style={{width: '45%',height:100}} source= {item.name} /> */}
+            </Card>
+        );
+        }}
+        />
+        <BottomNavigation {...this.props}/>
+        </View>
+
+        );
+    }
+
+}
+
+const styles = StyleSheet.create({
+
+    microLotsHolderStyle: {       
+        // flexDirection: 'column',
+        // backgroundColor:'pink'
+       },
+    itemHolderStyle: {        
+
+        // width:'100%',
+        // marginBottom:10,
+        // padding:10,
+        // justifyContent: 'center',
+        // alignItems: 'center', 
+       },
+    itemStyle: {
+
+
+    },
+
+  });
+
+