Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/jogboms/flutter_offline

✈️ A tidy utility to handle offline/online connectivity like a Boss
https://github.com/jogboms/flutter_offline

android connectivity connectivity-manager dart-library dartlang flutter flutter-package flutter-widget ios network

Last synced: about 1 month ago
JSON representation

✈️ A tidy utility to handle offline/online connectivity like a Boss

Lists

README 

        
# ✈️ Flutter Offline



[![Format, Analyze and Test](https://github.com/jogboms/flutter_offline/actions/workflows/main.yml/badge.svg)](https://github.com/jogboms/flutter_offline/actions/workflows/main.yml) [![codecov](https://codecov.io/gh/jogboms/flutter_offline/branch/master/graph/badge.svg)](https://codecov.io/gh/jogboms/flutter_offline) [![pub package](https://img.shields.io/pub/v/flutter_offline.svg)](https://pub.dartlang.org/packages/flutter_offline)



A tidy utility to handle offline/online connectivity like a Boss. It provides support for both iOS and Android platforms (offcourse).



## 🎖 Installing



```yaml

dependencies:

  flutter_offline: "^3.0.1"

```



### ⚡️ Import



```dart

import 'package:flutter_offline/flutter_offline.dart';

```



### ✔ Add Permission to Manifest



```dart



```



## 🎮 How To Use



```dart

import 'package:flutter/material.dart';

import 'package:flutter_offline/flutter_offline.dart';



class DemoPage extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return new Scaffold(

      appBar: new AppBar(

        title: new Text("Offline Demo"),

      ),

      body: OfflineBuilder(

        connectivityBuilder: (

          BuildContext context,

          ConnectivityResult connectivity,

          Widget child,

        ) {

          final bool connected = connectivity != ConnectivityResult.none;

          return new Stack(

            fit: StackFit.expand,

            children: [

              Positioned(

                height: 24.0,

                left: 0.0,

                right: 0.0,

                child: Container(

                  color: connected ? Color(0xFF00EE44) : Color(0xFFEE4400),

                  child: Center(

                    child: Text("${connected ? 'ONLINE' : 'OFFLINE'}"),

                  ),

                ),

              ),

              Center(

                child: new Text(

                  'Yay!',

                ),

              ),

            ],

          );

        },

        child: Column(

          mainAxisAlignment: MainAxisAlignment.center,

          children: [

            new Text(

              'There are no bottons to push :)',

            ),

            new Text(

              'Just turn off your internet.',

            ),

          ],

        ),

      ),

    );

  }

}

```



For more info, please, refer to the `main.dart` in the example.



## 📷 Screenshots



  

    

      

    

    

      

    

    

      

    

  



## 🐛 Bugs/Requests



If you encounter any problems feel free to open an issue. If you feel the library is

missing a feature, please raise a ticket on Github and I'll look into it.

Pull request are also welcome.



### ❗️ Note



For help getting started with Flutter, view our online

[documentation](https://flutter.io/).



For help on editing plugin code, view the [documentation](https://flutter.io/platform-plugins/#edit-code).



### 🤓 Mentions



Simon Lightfoot ([@slightfoot](https://github.com/slightfoot)) is just awesome 👍.



## ⭐️ License



MIT License