location & contacts done

android/app/src/main/AndroidManifest.xml

@@ -2,6 +2,9 @@
   package="com.nish.reactnativelibs">
 
     <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.READ_CONTACTS" />
+    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
+    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
 
     <application
       android:name=".MainApplication"

app/navigation/DrawerNav.js

@@ -7,7 +7,7 @@ import Settings from '_Screens/settings/Settings';
 import Razorpay from '_Screens/razorpay/Razorpay';
 import Permissions from '_Screens/permissions';
 import ContactsList from '_Screens/permissions/contacts/ContactsList';
-// import Location from '_Screens/permissions/location/Location';
+import Location from '_Screens/permissions/location/Location';
 
 const Drawer = createDrawerNavigator();
 
@@ -25,7 +25,7 @@ const NavDrawer = () => {
             {/* Permission Related Screens */}
             <Drawer.Screen name="Permissions" component={Permissions} />
             <Drawer.Screen name="ContactsList" component={ContactsList} />
-            {/* <Drawer.Screen name="Location" component={Location} /> */}
+            <Drawer.Screen name="Location" component={Location} />
         </Drawer.Navigator>
     );
 };

app/screens/permissions/contacts/ContactsList.android.js

@@ -14,7 +14,10 @@ import Header from '_Shared/Header';
 import ContactItem from './ContactItem';
 
 /* Read the Guide - https://www.npmjs.com/package/react-native-contacts */
+
 const ContactsList = () => {
+    /* Make sure to add relevant permissions in AndroidManifest.xml" */
+
     const { t } = useTranslation('common');
     const [contacts, setContacts] = React.useState([]);
 
@@ -29,11 +32,9 @@ const ContactsList = () => {
                     buttonNegative: 'Cancel',
                 },
             );
-            console.log('granted: ', granted);
 
             if (granted === PermissionsAndroid.RESULTS.GRANTED) {
-                const contacts = Contacts.getAll();
-                console.log(contacts[0]);
+                const contacts = await Contacts.getAll();
 
                 let newContacts = [];
                 contacts.map(contact => {

app/screens/permissions/location/Location.android.js

@@ -0,0 +1,80 @@
+import React from 'react';
+import { PermissionsAndroid, Button, View } from 'react-native';
+import Geolocation from 'react-native-geolocation-service';
+
+import { ThemedContainer, ThemedBody, ThemedText } from '_Shared/Comps.themed';
+import Header from '_Shared/Header';
+
+/*  
+    Read about the lib setup here -
+    https://github.com/Agontuk/react-native-geolocation-service/blob/HEAD/docs/setup.md
+*/
+
+const Location = () => {
+    /* Make sure to add relevant permissions in AndroidManifest.xml" */
+    const [status, setStatus] = React.useState('');
+    const [coords, setCoords] = React.useState({});
+
+    const getLocationPermission = async () => {
+        try {
+            const granted = await PermissionsAndroid.request(
+                PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION,
+                {
+                    title: 'Location',
+                    message: 'This app would like to get your location.',
+                    buttonPositive: 'Accept',
+                    buttonNegative: 'Cancel',
+                },
+            );
+
+            if (granted === PermissionsAndroid.RESULTS.GRANTED) {
+                getCurrentPosition();
+            } else {
+                console.log('Location permission denied');
+            }
+        } catch (err) {
+            console.warn(err);
+        }
+    };
+
+    const getCurrentPosition = () => {
+        Geolocation.getCurrentPosition(
+            position => {
+                setCoords(position);
+            },
+            error => {
+                setStatus(error.code, error.message);
+            },
+            { enableHighAccuracy: true, timeout: 15000, maximumAge: 10000 },
+        );
+    };
+
+    getLocationPermission();
+
+    return (
+        <ThemedContainer>
+            <Header title="Location" />
+            <ThemedBody>
+                <ThemedText>
+                    Device permission granted to use location. Current status -{' '}
+                    {status}
+                </ThemedText>
+                <Button
+                    title="Get position"
+                    onPress={() => getCurrentPosition()}
+                />
+                {coords?.coords?.latitude && (
+                    <View>
+                        <ThemedText>Current Position is - </ThemedText>
+                        <ThemedText>
+                            ( {coords.coords.latitude},{' '}
+                            {coords.coords.longitude} )
+                        </ThemedText>
+                    </View>
+                )}
+            </ThemedBody>
+        </ThemedContainer>
+    );
+};
+
+export default Location;

app/screens/razorpay/Razorpay.js

@@ -18,11 +18,11 @@ const Razorpay = () => {
             currency: 'INR',
             key: Config.RAZORPAY_KEY,
             amount: 100,
-            name: 'Jon',
+            name: 'Tester',
             prefill: {
-                email: 'test@razorpay.com',
+                email: 'nishkohli96@gmail.com',
                 contact: '9814110843',
-                name: 'Razorpay Software',
+                name: 'Nishant',
             },
             theme: { color: '#007ABA' },
         };

app/store/lang.store.js

@@ -3,7 +3,7 @@ import { makeAutoObservable, configure } from 'mobx';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 
 export class LangStore {
-    langName = 'hi';
+    langName = 'en';
 
     constructor() {
         configure({