功能

连接服务用于通过提供者检查互联网连接。

安装

  1. 将最新版本的包添加到您的 pubspec.yaml (并运行 dart pub get)

dependencies:
  connectivity_service: ^0.0.3
  1. 导入包并在您的 Flutter 应用中使用它。

import 'package:connectivity_service/connectivity_service.dart';

示例

  1. 在material app中添加提供者

import 'package:flutter/material.dart';
void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MultiProvider(
      providers: [
        StreamProvider<ConnectivitySatus>(
            create: (context) =>
                ConeectivityService().connectionStatusController.stream,
            initialData: ConnectivitySatus.offline)
      ],
      child: MaterialApp(
        title: 'Flutter Application',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: const Homepage(),
      ),
    );
  }
}
  1. 然后在需要的地方添加‘NetworkSensitive’。

import 'package:connectivity_service/enum/network_sensitivity.dart';
import 'package:flutter/material.dart';

class Homepage extends StatefulWidget {
  const Homepage({Key? key}) : super(key: key);

  @override
  State<Homepage> createState() => _HomepageState();
}

class _HomepageState extends State<Homepage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: NetworkSensitive(
          child:Text('Your design here'),
        ),
      ),
    );
  }
}
  1. 在“NetworkSensitive”页面，您可以在离线部分创建自己的设计。目前它只是一个简单的文本“无互联网！”，但您可以在这里设计任何内容。

GitHub

查看 Github