React Native Network Info 项目教程

React Native Network Info 项目教程

react-native-network-infoReact Native library for getting information about the devices network项目地址:https://gitcode.com/gh_mirrors/re/react-native-network-info

1. 项目的目录结构及介绍

react-native-network-info/
├── android/
│   ├── build.gradle
│   ├── src/
│   └── ...
├── ios/
│   ├── ReactNativeNetworkInfo.xcodeproj
│   ├── ReactNativeNetworkInfo/
│   └── ...
├── src/
│   ├── index.js
│   └── ...
├── .gitignore
├── .npmignore
├── README.md
├── package.json
└── yarn.lock

• android/: 包含Android平台的相关文件和配置。
• ios/: 包含iOS平台的相关文件和配置。
• src/: 包含项目的主要源代码文件。
• .gitignore: 指定Git版本控制系统忽略的文件和目录。
• .npmignore: 指定npm包发布时忽略的文件和目录。
• README.md: 项目的说明文档。
• package.json: 项目的npm配置文件，包含依赖项、脚本等信息。
• yarn.lock: 锁定yarn包管理器的依赖版本。

2. 项目的启动文件介绍

项目的启动文件位于src/index.js，这是React Native项目的主要入口文件。它导出了项目的主要功能和API，供其他模块使用。

// src/index.js
import { NativeModules, NativeEventEmitter } from 'react-native';

const { ReactNativeNetworkInfo } = NativeModules;
const emitter = new NativeEventEmitter(ReactNativeNetworkInfo);

export default {
  getSSID: ReactNativeNetworkInfo.getSSID,
  getBSSID: ReactNativeNetworkInfo.getBSSID,
  getIPAddress: ReactNativeNetworkInfo.getIPAddress,
  getMACAddress: ReactNativeNetworkInfo.getMACAddress,
  getGatewayIPAddress: ReactNativeNetworkInfo.getGatewayIPAddress,
  getBroadcast: ReactNativeNetworkInfo.getBroadcast,
  addListener: emitter.addListener.bind(emitter),
};

3. 项目的配置文件介绍

package.json

package.json文件包含了项目的基本信息和依赖项。以下是一些关键字段：

{
  "name": "react-native-network-info",
  "version": "5.2.1",
  "description": "Get network information in your React Native app",
  "main": "src/index.js",
  "scripts": {
    "start": "react-native start",
    "test": "jest"
  },
  "dependencies": {
    "react-native": "^0.63.0"
  },
  "devDependencies": {
    "jest": "^26.0.1"
  },
  "repository": {
    "type": "git",
    "url": "https://github.com/pusherman/react-native-network-info.git"
  },
  "keywords": [
    "react-native",
    "network",
    "info",
    "ip",
    "mac",
    "ssid",
    "bssid"
  ],
  "author": "Corey Wilson",
  "license": "MIT"
}

• name: 项目名称。
• version: 项目版本。
• description: 项目描述。
• main: 项目入口文件。
• scripts: 包含可执行的脚本命令。
• dependencies: 项目运行所需的依赖项。
• devDependencies: 开发环境所需的依赖项。
• repository: 项目的代码仓库地址。
• keywords: 项目的关键词。
• author: 项目作者。
• license: 项目许可证。

android/build.gradle

android/build.gradle文件包含了Android项目的构建配置。以下是一些关键字段：

buildscript {
    ext {
        buildToolsVersion = "29.0.3"
        minSdkVersion = 16
        compileSdkVersion = 29
        targetSdkVersion = 29
    }
    repositories {
        google()
        jcenter()
    }
    dependencies {
        classpath("com.android.tools.build:gradle:4.1.0")
    }
}

• buildToolsVersion:

react-native-network-infoReact Native library for getting information about the devices network项目地址:https://gitcode.com/gh_mirrors/re/react-native-network-info