React Native Library for Device Information

This project will give you device unique ID , current position, wifi connected information, available wifi connection.

Getting started

Installing it as a library in your main project

npm i device-info-manager
	or
yarn add device-info-manager

1. Manually Linking the Library:

   Android

   • Add the following to android/settings.gradle:

     include ':device-info-manager'
     project(':device-info-manager').projectDir = new File(settingsDir, '../node_modules/device-info-manager/android')

   • Add the following to android/app/build.gradle:

          
     dependencies {
         ...
         implementation project(':device-info-manager')
     }

   • Add the following to android/app/src/main/java/**/MainApplication.java:

           
     import com.example.mylibrary.Package;
     
     public class MainApplication extends Application implements ReactApplication {
     
         @Override
         protected List<ReactPackage> getPackages() {
             return Arrays.<ReactPackage>asList(
                 new MainReactPackage(),
                 new Package()    
             );
         }
     }

   • For android you also need to put the following code to AndroidManifest.xml:

      <uses-permission android:required="true" android:name="android.permission.ACCESS_WIFI_STATE"/>
      <uses-permission android:required="true" android:name="android.permission.CHANGE_WIFI_STATE"/>    
      <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
      <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>  
      <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> 

2. Simply import it by the name defined in your library's package.json:

   import nativeCalls from 'device-info-manager'; 

   Example:

   import React, { useState, useEffect } from 'react';
   import {
       ScrollView,
       View,
       Text,
       PermissionsAndroid
   } from 'react-native';
   
   import nativeCalls from 'device-info-manager';
   
   const App = () => {
   
   const [devicename, setDevieName] = useState("");
   const [devicenMacAddress, setDevieMacAddress] = useState("");
   const [latlong, setLatLong] = useState("");
   const [connectedTo, setConnectedTo] = useState("");
   const [connectedDeviceInfo, setConnectedDeviceInfo] = useState('');
   const [availableConnection, setAvailableConnection] = useState([]);
   
   
   const persmission = async () => {
       try {
       // permission to access location 
       const granted = await PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION)
           .then(res => {
           if (res === "granted") {
               console.log(" permission!");
               nativeCalls.deviceNativeCall.loadWifiList(async (wifiStringList) => {
               var wifiArray = await JSON.parse(wifiStringList);
               setAvailableConnection(wifiArray);
   
               },
               (error) => {
                   console.log(error);
               })
   
               nativeCalls.wifiConnection.fetch().then(connection => {
               if (connection !== undefined) {
                   setConnectedTo(connection)
               }
   
               }).catch(err => {
               console.log("Error", err)
   
               })
           } else {
               console.log("You will not able to retrieve wifi available networks list");
           }
           });
       } catch (err) {
       console.warn(err)
       }
   }
   
   useEffect(() => {
       persmission();
       nativeCalls.deviceNativeCall.getCurrentPosition({
       enableHighAccuracy: true,
       timeout: 15000,
       })
       .then(async location => {
           setLatLong({ location })
       }).catch(error => {
           const { code, message } = error;
           console.warn(code, message);
       });
       nativeCalls.deviceNativeCall.getDeviceName((err, name) => {
       setDevieName(name);
       });
           <!-- specific to android -->
       nativeCalls.deviceNativeCall.getMacAddress((err, deviceMacAddress) => {
       setDevieMacAddress(deviceMacAddress);
       });
   
           <!-- specific to android -->
       nativeCalls.deviceNativeCall.getClientList((err, clientList) => {
       setConnectedDeviceInfo(clientList);
   
       });
   
   }, []);
   
   return (
       <ScrollView>
           <View style={{ margin: 10 }}>
               <Text>{"Device name: " + devicename + "\n"}</Text>
   
               <Text>{"Device mac address: " + devicenMacAddress + "\n"}</Text>
               {latlong.location !== undefined
               ? <Text>
                   {"latitude: " + latlong.location.latitude + " \nlongitude: " + latlong.location.longitude + " \ntime: " + latlong.location.time + "\n"}
                 </Text>
               : <Text>Wait</Text>}
   
           {connectedTo !== "" && connectedTo.type === 'wifi'
               ? <View>
                   <Text>{"connected type:   " + connectedTo.type}</Text>
                   <Text>{"isConnected:   " + connectedTo.isConnected}</Text>
                   <Text>{"isInternetReachable:   " + connectedTo.isInternetReachable}</Text>
                   <Text>{"isWifiEnabled:   " + connectedTo.isWifiEnabled}</Text>
   
                   <Text>{"bssid:   " + connectedTo.details.bssid}</Text>
                   <Text>{"frequency:   " + connectedTo.details.frequency}</Text>
                   <Text>{"ipAddress:   " + connectedTo.details.ipAddress}</Text>
                   <Text>{"isConnectionExpensive:   " + connectedTo.details.isConnectionExpensive}</Text>
                   <Text>{"ssid:   " + connectedTo.details.ssid}</Text>
                   <Text>{"strength:   " + connectedTo.details.strength}</Text>
                   <Text>{"subnet:   " + connectedTo.details.bssid + "\n"}</Text>
               </View>
               : connectedTo !== "" && connectedTo.type === 'cellular'
               ? <View>
                   <Text>{"connected to:   " + connectedTo.type}</Text>
   
                   <Text>{"carrier:   " + connectedTo.details.carrier}</Text>
                   <Text>{"cellularGeneration:   " + connectedTo.details.cellularGeneration}</Text>
                   <Text>{"isConnectionExpensive:   " + connectedTo.details.isConnectionExpensive + "\n"}</Text>
   
   
                   <Text>{"List of device connected to mobile hotspot:\n"}</Text>
                   <Text style={{ fontSize: 12 }}>{connectedDeviceInfo}</Text>
                </View>
               : <Text>no connection found</Text>}
   
               <Text>{"Available wifi Connection: \n"}</Text>
               {availableConnection.length > 0
               ? availableConnection.map((list, i) => {
                   return (
                   <View key={i}>
                       <Text>{"BSSID:  " + list.BSSID}</Text>
                       <Text>{"SSID:   " + list.SSID}</Text>
                       <Text>{"capabilities:   " + list.capabilities}</Text>
                       <Text>{"frequency:  " + list.frequency}</Text>
                       <Text>{"level:  " + list.level}</Text>
                       <Text>{"timestamp:  " + list.timestamp + "\n"}</Text>
                   </View>
                   )
               })
               : <Text>No connection available</Text>}
   
           </View>
       </ScrollView>
       );
   };
   
   export default App;