connectivity_builder

Need a great Flutter developer? I'm available

The connectivity_builder package provides a simple and convenient way to manage different UI states based on the network connectivity status of your Flutter app.

Features

  • Effortless UI Adaptation: Build distinct widgets for online and offline scenarios without manual network checks.
  • Real-time Network Monitoring: Automatically detect and respond to network connectivity changes, ensuring a seamless user experience.
  • Loading State Support: Show a custom widget while the initial connectivity check is in progress.
  • Lightweight and Easy to Use: Integrate the package seamlessly into your existing Flutter app with minimal effort.

Getting Started

Installation

  1. Add the connectivity_builder package to your pubspec.yaml file:
dependencies:
  connectivity_builder: ^0.3.0
  1. Run flutter pub get to install the package.

Usage

Basic usage

@override
Widget build(BuildContext context) {
  return MaterialApp(
    home: Scaffold(
      body: ConnectivityBuilder(
        onlineBuilder: (context) => Center(child: Text('ONLINE 🌍')),
        offlineBuilder: (context) => Center(child: Text('OFFLINE 🚫')),
      ),
    ),
  );
}

With a loading state

Use loadingBuilder to show a custom widget while the initial connectivity check is in progress. If not provided, offlineBuilder is used as a fallback.

ConnectivityBuilder(
  onlineBuilder: (context) => Center(child: Text('ONLINE 🌍')),
  offlineBuilder: (context) => Center(child: Text('OFFLINE 🚫')),
  loadingBuilder: (context) => Center(child: CircularProgressIndicator()),
)

Additional Information

Contributing

Contributions to the connectivity_builder package are welcome! Please read the contributing guidelines for more information.

Reporting Issues

If you encounter any bugs or have suggestions for improvements, please file an issue on the GitHub repository.

License

This project is licensed under the MIT License.

Libraries

connectivity_builder