react-native-network-info

获取手机wifi名称和ip地址

github

1:install:

npm install react-native-network-info --save

2:Android:

android/setting.gradle或者项目根目录找到setting.gradle

include ':app' include ':react-native-network-info' project(':react-native-network-info').projectDir = new File(settingsDir, './node_modules/react-native-network-info/android')

android/app/build.gradle或者项目根目录找到app/build.gradle

... dependencies { ... compile project(':react-native-network-info') }

Register module (in MainApplication.java)或者在根目录找到app/src/com/android/browser/page/HomePage.java

import import com.pusherman.networkinfo.RNNetworkInfoPackage; // <--- import public class MainApplication extends Application implements ReactApplication { ...... @Override protected List getPackages() { return Arrays.asList( new MainReactPackage(), .addPackage(new RNNetworkInfoPackage()) <------- Add this ); } ...... } 或者 package com.android.browser.page; import com.pusherman.networkinfo.RNNetworkInfoPackage; public class HomePage extends FrameLayout implements ViewPager.OnPageChangeListener,IPageUiController { ... private void initLayout() { ... mReactInstanceManager = ReactInstanceManager.builder() .setApplication(((Activity)mContext).getApplication()) .setBundleAssetName("index.android.bundle") .setJSBundleFile(getJSBundleFilePath()) .setJSMainModuleName("index.android") .addPackage(new MainReactPackage()) .addPackage(new OrientationPackage()) .addPackage(new RNSvgPackage()) .addPackage(new RNFSPackage()) .addPackage(new RNNetworkInfoPackage()) .addPackage(new ControllerReactPackage()) .setUseDeveloperSupport(BuildConfig.DEBUG) .setInitialLifecycleState(LifecycleState.RESUMED) .build(); ... } }

3:index.android.js:

import {AppRegistry} from 'react-native'; import App from './App'; AppRegistry.registerComponent('LeecoBrowser', () => App);

4:App.js:

import React, { Component } from 'react'; import { View, Text, } from 'react-native'; import NetworkInfo from 'react-native-network-info'; class App extends Component { constructor(props) { super(props); } componentWillMount() { // Get SSID NetworkInfo.getSSID(ssid => { console.log("wifi的名字,ssid",ssid); }); // Get Local IP NetworkInfo.getIPAddress(ip => { console.log("该wifi所生成的ip",ip); }); } render() { return (

测试import NetworkInfo from 'react-native-network-info';的使用 ) } } export default App;

5:结果：

'wifi的名字,ssid', 'LeTV' '该wifi所生成的ip', '10.73.73.64'