global_network 0.1.4 copy "global_network: ^0.1.4" to clipboard
global_network: ^0.1.4 copied to clipboard

This is a package which can be used to implement network connectivity globally within an app.

global_network #

This package provides a GlobalNetwork widget that can be used in an application to display a network error screen during offline mode.

You no longer need to apply connection checks to various screens, just use this package and let the app user know about the connection issues.

Dependencies #

In pubspec.yaml use global_network as dependency to use this package

dependencies:
  global_network: <package_version>

How to Use? #

  • After adding dependency in pubspec.yaml firstly, import the package given below:
import 'package:global_network/global_network.dart';

  • Secondly wrap Material App as given:
  StreamProvider<ConnectivityStatus>(
      create: (BuildContext context) => ConnectivityService().connectionStatusController.stream,

      child: MaterialApp());

Example-

  StreamProvider<ConnectivityStatus>(
      create: (BuildContext context) => ConnectivityService().connectionStatusController.stream,

      child: MaterialApp(
           title: 'Global Network',
           theme: ThemeData(
           primarySwatch: Colors.blue,
      ),

      home:  HomePage(),
    ));
  • Now you are all set to use this package, just wrap your widget with the new widget GlobalNetwork to display the Internet connection error / warning screen.
GlobalNetwork(
      child: Scaffold(
        appBar: AppBar(title: Text("Global Network")),
        body: Center(child: Text("Network Connection Available")),
      ),
    );
  • Hurray!!!! Your screen is now network sensitive so whenever you'll lost internet connectivity an warning screen will be display.
  • Wrap only those widgets where you need to show "connection error screen"

How does the screen look like after using this? #

Full Implementation #

This package provides different types of error screens such as alertbox, bottlesheet, botmodel and fullscreen. To use the error screen other than the default, simply pass data to the type argument (example: type: Displaytype.alertbox).

GlobalNetwork(
      type: Displaytype.alertbox;
      child: Scaffold(
        appBar: AppBar(title: Text("Global Network")),
        body: Center(child: Text("Network Connection Available")),
      ),
    );

You'll get - #

This is how other types look like- #

Contributions #

Found any bug? Wants to add or suggest something new ideas ? #

  • Fork the repo
  • Fix the bug / add new features
  • Commit your changes to new branch
  • Push the changes
  • Create a pull request

New Features #

  • Customisable "warning screen" as per your requirements.
  • Will be able to display the Bottlesheet, Alert dialog etc.

Upcoming Features #

  • Will be able to display the game during offline mode
  • Will be able to add some exciting features that will engage the user during offline mode

Please don't forget to star the repo ( https://github.com/anki2jain/global_network ).

More star means more support.

12
likes
40
pub points
0%
popularity

Publisher

unverified uploader

This is a package which can be used to implement network connectivity globally within an app.

Repository (GitHub)
View/report issues

License

MIT (LICENSE)

Dependencies

connectivity, flutter, provider

More

Packages that depend on global_network