This project is based on the no longer maintained https://github.com/robwalkerco/react-native-wifi.
$ npm install react-native-wifi-reborn --save
You need use enable Access WIFI Information, with correct profile
You need put "Privacy - Location When In Use Usage Description" or "Privacy - Location Always and When In Use Usage Description" in Settings -> info
Location permission (a runtime permission starting Android 6) is required for some methods (https://github.com/inthepocket/react-native-wifi-reborn#connecttoprotectedssidssid-string-password-string-iswep-boolean-promise). Make sure to request them at runtime: https://facebook.github.io/react-native/docs/permissionsandroid.
This library is correctly autolinked on React Native 60+ 🎉.
While the library is included (via settings.gradle) and added (via build.gradle), you still need to manually added to your MainApplication.
import com.reactlibrary.RNWifiPackage;
public class MainApplication extends NavigationApplication {
@Override
public List<ReactPackage> createAdditionalReactPackages() {
return Arrays.asList(
...,
new RNWifiPackage());
}
}$ react-native link react-native-wifi-reborn
- In XCode, in the project navigator, right click
Libraries➜Add Files to [your project's name] - Go to
node_modules➜react-native-wifi-rebornand addRNWifi.xcodeproj - In XCode, in the project navigator, select your project. Add
libRNWifi.ato your project'sBuild Phases➜Link Binary With Libraries - Run your project (
Cmd+R)<
- Open up
android/app/src/main/java/[...]/MainActivity.java
- Add
import com.reactlibrary.RNWifiPackage;to the imports at the top of the file - Add
new RNWifiPackage()to the list returned by thegetPackages()method
- Append the following lines to
android/settings.gradle:include ':react-native-wifi-reborn' project(':react-native-wifi-reborn').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-wifi-reborn/android') - Insert the following lines inside the dependencies block in
android/app/build.gradle:implementation project(':react-native-wifi-reborn')
import WifiManager from "react-native-wifi-reborn";
WifiManager.connectToProtectedSSID(ssid, password, isWep).then(
() => {
console.log("Connected successfully!");
},
() => {
console.log("Connection failed!");
}
);
WifiManager.getCurrentWifiSSID().then(
ssid => {
console.log("Your current connected wifi SSID is " + ssid);
},
() => {
console.log("Cannot get current SSID!");
}
);The api documentation is in progress.
The following methods work on both Android and iOS
Returns a promise that resolves when connected or rejects with the error when it couldn't connect to the wifi network.
Type: string
The SSID of the wifi network to connect with.
Type: string
The password of the wifi network to connect with.
Type: boolean
Used on iOS.
-
notInRange: The WIFI network is not currently in range. -
addOrUpdateFailed: Could not add or update the network configuration. -
disconnectFailed: Disconnecting from the network failed. This is done as part of the connect flow. -
connectNetworkFailed: Could not connect to network.
The following methods work only on iOS
The following methods work only on Android
Method to get a list of nearby WiFI networks.
Type: function
Function to be called if the attempt is successful. It contains a stringified JSONArray of wifiObjects as parameter, each object containing:
SSID: The network name.BSSID: The WiFi BSSID.capabilities: Describes the authentication, key management, and encryption schemes supported by the access point.frequency: The primary 20 MHz frequency (in MHz) of the channel over which the client is communicating with the access point.level: The detected signal level in dBm, also known as the RSSI.timestamp: timestamp in microseconds (since boot) when this result was last seen.
Type: function
Function to be called if any error occurs during the attempt. It contains a string as parameter with the error message.
WifiManager.loadWifiList(
wifiList => {
let wifiArray = JSON.parse(wifiList);
wifiArray.map((value, index) =>
console.log(`Wifi ${index + 1} - ${value.SSID}`)
);
},
error => console.log(error)
);
/**
Result:
"Wifi 1 - Name of the network"
"Wifi 2 - Name of the network"
"Wifi 3 - Name of the network"
...
*/This method is similar to loadWifiList but it forcefully starts the wifi scanning on android and in the callback fetches the list.
Same as loadWifiList.
Method to check if WiFi is enabled.
WifiManager.isEnabled(isEnabled => {
this.setState({wifiIsEnabled: isEnabled});
});Method to set the WiFi on or off on the user's device.
WifiManager.setEnabled(true); //set WiFi ON
WifiManager.setEnabled(false); //set WiFi OFFIndicates whether network connectivity exists and it is possible to establish connections.
Type: function
Called when the network status is resolved. It contains a boolean argument
Method to force wifi usage if the user needs to send requests via wifi if it does not have internet connection.
If you want to use it, you need to add the android.permission.WRITE_SETTINGS permission to your AndroidManifest.xml.
<manifest xmlns:android="http://schemas.android.com/apk/res/android">
<uses-permission android:name="android.permission.WRITE_SETTINGS" />
</manifest>