react-native-wifi-manager

0.1.2 • Public • Published

react-native-wifi-manager

npm version

Device Information for react-native

Installation

First you need to install react-native-wifi-manager:

npm install react-native-wifi-manager --save
  • In android/setting.gradle
...
include ':WifiManager', ':app'
project(':WifiManager').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-wifi-manager/android')
  • In android/app/build.gradle
...
dependencies {
    ...
    compile project(':WifiManager')
}
  • register module (in MainActivity.java)

On newer versions of React Native (0.18+):

import com.skierkowski.WifiManager.*;  // <--- import 
 
public class MainActivity extends ReactActivity {
  ......
  
  /**
   * A list of packages used by the app. If the app uses additional views
   * or modules besides the default ones, add more packages here.
   */
    @Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
        new WifiManager(), // <------ add here 
        new MainReactPackage());
    }
}

On older versions of React Native:

import com.skierkowski.WifiManager.*;  // <--- import 
 
public class MainActivity extends Activity implements DefaultHardwareBackBtnHandler {
  ......
 
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    mReactRootView = new ReactRootView(this);
 
    mReactInstanceManager = ReactInstanceManager.builder()
      .setApplication(getApplication())
      .setBundleAssetName("index.android.bundle")
      .setJSMainModuleName("index.android")
      .addPackage(new MainReactPackage())
      .addPackage(new WifiManager())              // <------ add here 
      .setUseDeveloperSupport(BuildConfig.DEBUG)
      .setInitialLifecycleState(LifecycleState.RESUMED)
      .build();
 
    mReactRootView.startReactApplication(mReactInstanceManager, "ExampleRN", null);
 
    setContentView(mReactRootView);
  }
 
  ......
 
}

Example

Load module

var WifiManager = require('react-native-wifi-manager');

List available networks (list)

loadWifiListData: function() {
    WifiManager.list(
        (wifiArray) => {
            this.setState({
                dataSource: this.state.dataSource.cloneWithRows(wifiArray),
            });
        },
        (msg) => {
            console.log(msg);
        },
    );
},

Connect to a new network (status)

// Attempts to connect to the network specified. This is an async call. Listen to connectionStatus for status
WifiManager.connect(ssid,password);

Get status of connection (status)

checkConnectionStatus: function() {
    WifiManager.status((status) => {
        if (status == 'CONNECTED') {
            this.navigateToActivation();
        }
    });
},

Package Sidebar

Install

npm i react-native-wifi-manager

Weekly Downloads

3

Version

0.1.2

License

MIT

Last publish

Collaborators

  • skierkowski