Flutter网络连接检测插件internet_detector的使用

Internet Detector by Hitesh Kothale

描述

Internet Detector 是一个 Flutter 包，它允许你在应用程序中轻松检测互联网连接。

特点

• 可以选择使用 GetX 或 Provider 进行状态管理。
• 使用 connectivity_plus 包来检测互联网连接。
• 提供了两种主要的小部件用于不同的实现：
  • <code>InternetDetectorAppProvider</code>（适用于 Provider）
  • <code>InternetDetectorAppGetX</code>（适用于 GetX）

开始使用

要使用此包，请在你的 pubspec.yaml 文件中添加以下依赖项：

使用 GetX

dependencies:
  connectivity_plus: ^X.X.X
  get: ^X.X.X
  internet_detector: ^X.X.X

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return InternetDetectorAppGetX(
      title: 'My App',
      home: MyHomePage(),
    );
  }
}

然后在 main.dart 的 runApp 方法中使用 GetX：

import 'package:get/get.dart';
import 'package:internet_detector/internet_detector.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return InternetDetectorAppGetX(
      title: 'My App',
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Internet Detector Example'),
      ),
      body: Center(
        child: Obx(() {
          return Text(
            InternetDetector.internetController.isInternet.value
                ? 'Connected'
                : 'Disconnected',
          );
        }),
      ),
    );
  }
}

使用 Provider

dependencies:
  connectivity_plus: ^X.X.X
  provider: ^X.X.X
  internet_detector: ^X.X.X

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return InternetDetectorAppProvider(
      title: 'My App',
      home: MyHomePage(),
    );
  }
}

然后在 main.dart 的 runApp 方法中使用 Provider：

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:internet_detector/internet_detector.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return InternetDetectorAppProvider(
      title: 'My App',
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Internet Detector Example'),
      ),
      body: Center(
        child: Consumer<InternetCheckerProvider>(
          builder: (context, provider, child) {
            return Text(
              provider.isInternet ? 'Connected' : 'Disconnected',
            );
          },
        ),
      ),
    );
  }
}