connection_status_bar

A widget that animates when internet connection changes

Getting Started

add it to your dependencies then use it anywhere on your app, usually in a widget that is on top of all of your widgets.

ConnectionStatusBar(
    height = 25, // double: default height
    width = double.maxFinite, // double: default width
    color = Colors.redAccent, // Color: default background color
    lookUpAddress = 'google.com', // String: default site to look up for checking internet connection
    endOffset = const Offset(0.0, 0.0), // Offset: default animation finish point offset
    beginOffset = const Offset(0.0, -1.0), // Offset: default animation start point offset
    animationDuration = const Duration(milliseconds: 200), // Duration: default animation duration
    // Text: default text
    title = const Text(
      'Please check your internet connection',
      style: TextStyle(color: Colors.white, fontSize: 14),
    ),
),

Libraries

connection_status_bar

Dart

VM

dart:ffi
Foreign Function Interface for interoperability with the C programming language. [...]

Web

dart:html
HTML elements and other resources for web-based applications that need to interact with the browser and the DOM (Document Object Model). [...]
dart:js
Low-level support for interoperating with JavaScript. [...]
dart:js_util
Utility methods to efficiently manipulate typed JSInterop objects in cases where the name to call is not known at runtime. You should only use these methods when the same effect cannot be achieved with @JS annotations. These methods would be extension methods on JSObject if Dart supported extension methods.