sync_sphere

一个用于在整个应用程序中持续检查互联网连接的 Flutter 插件。

特性

• 监控互联网连接。
• 当没有互联网连接时，显示一个友好的屏幕。
• 可以自定义互联网连接屏幕的选项。

开始使用

1. 将 sync_sphere 包添加到您的 pubspec.yaml 文件中：

dependencies:
  sync_sphere: ^0.0.3

1. 运行 flutter pub get：

flutter pub get

1. 导入您的包：

import 'package:sync_sphere/sync_sphere.dart';

1. 使用 SyncSphere 小部件包装 MaterialApp 的子部件：

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: SyncSphere(
        child: YourMainScreen(),
        whenOffine: YourOfflineScreenWidget(),
      ),
    );
  }
}

在这个例子中，当没有互联网连接时，YourOfflineScreenWidget 将被显示。如果您不指定 whenOffine 参数，将使用默认的无互联网连接屏幕。

1. 您也可以直接使用默认的“无互联网”小部件：

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: SyncSphere(
        child: YourMainScreen(),
      ),
    );
  }
}

在这个例子中，当没有互联网连接时，将显示默认的“无互联网”屏幕。

完整示例

以下是一个完整的示例代码，展示了如何在 Flutter 应用程序中使用 sync_sphere 插件：

import 'package:flutter/material.dart';
import 'package:sync_sphere/sync_sphere.dart';

// 主屏幕
class YourMainScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('主屏幕')),
      body: Center(child: Text('欢迎使用主屏幕！')),
    );
  }
}

// 离线屏幕
class YourOfflineScreenWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('离线模式')),
      body: Center(child: Text('当前没有网络连接，请检查您的网络设置。')),
    );
  }
}

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: SyncSphere(
        child: YourMainScreen(),
        whenOffine: YourOfflineScreenWidget(),
      ),
    );
  }
}

在这个示例中，我们创建了两个简单的屏幕：YourMainScreen 和 YourOfflineScreenWidget。当应用程序检测到没有互联网连接时，会显示 YourOfflineScreenWidget，否则显示 YourMainScreen。