在现代应用开发中，往往需要获取设备网络信息，然而仅仅通过浏览器提供的 API 是无法获取到更具体的信息。有幸的是，现在有一款叫做 react-native-gizwits-network-info 的 npm 包可以帮助我们获取更详细的网络信息。在本篇文章中，我们将会一步步地介绍如何使用这款 npm 包，并提供示例代码供大家参考。
安装
首先，我们需要安装 react-native-gizwits-network-info。如果你使用的是 yarn，可以通过下面命令进行安装：
yarn add react-native-gizwits-network-info
如果你使用的是 npm，则可以通过下面命令进行安装：
npm install --save react-native-gizwits-network-info
使用
react-native-gizwits-network-info 提供了一些用于获取设备网络信息的函数，大体如下：
getIPAddress
获取设备的 IPv4 地址。
import NetworkInfo from 'react-native-gizwits-network-info';
NetworkInfo.getIPAddress(ip => {
console.log(ip);
});getSSID
获取 Wi-Fi 的 SSID。
import NetworkInfo from 'react-native-gizwits-network-info';
NetworkInfo.getSSID(ssid => {
console.log(ssid);
});getBSSID
获取 Wi-Fi 的 BSSID。
import NetworkInfo from 'react-native-gizwits-network-info';
NetworkInfo.getBSSID(bssid => {
console.log(bssid);
});getBroadcast
获取 Wi-Fi 的广播地址。
import NetworkInfo from 'react-native-gizwits-network-info';
NetworkInfo.getBroadcast(broadcast => {
console.log(broadcast);
});getSubnet
获取设备的子网掩码。
import NetworkInfo from 'react-native-gizwits-network-info';
NetworkInfo.getSubnet(subnet => {
console.log(subnet);
});getGatewayIPAddress
获取设备的网关地址。
import NetworkInfo from 'react-native-gizwits-network-info';
NetworkInfo.getGatewayIPAddress(gateway => {
console.log(gateway);
});示例代码
下面是一个完整的例子，展示了如何使用 react-native-gizwits-network-info 来获取设备的网络信息。
-- -------------------- ---- -------
------ ------ ----------- ---- --------
------ ------ ----- ---- ---------------
------ ----------- ---- ------------------------------------
----- ------------------ ------- --------- -
----- - -
--- ---
----- ---
------ ---
---------- ---
------- ---
-------- --
--
------------------- -
--------------------------- -- -
--------------------
---
------------------------ -- -
----------------------
---
-------------------------- -- -
-----------------------
---
---------------------------------- -- -
---------------------------
---
---------------------------- -- -
------------------------
---
--------------------------------------- -- -
-------------------------
---
-
-------- -
----- ---- ----- ------ ---------- ------- -------- - -----------
------ -
------
-------- --- -----------
----------- - ----- -------------
----------- - ------ --------------
----------- ------ ------------------
----------- ---------------
----------- ----------------
-------
--
-
-
------ ------- -------------------结语
以上就是 react-native-gizwits-network-info 的使用教程。当然，如果你需要更加详细的文档，你可以浏览 react-native-gizwits-network-info 的官方文档。这款 npm 包可以让我们更加容易地获取设备的网络信息，相信也必将为我们的应用带来更多可能性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006735f890c4f7277584008