connectivity_builder 0.3.0 copy "connectivity_builder: ^0.3.0" to clipboard
connectivity_builder: ^0.3.0 copied to clipboard

Easily manage UI states based on network connectivity with the connectivity_builder package.

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.

9
likes
140
points
35
downloads

Documentation

API reference

Publisher

verified publisherwevr.tech

Weekly Downloads

Easily manage UI states based on network connectivity with the connectivity_builder package.

Repository (GitHub)
View/report issues

License

MIT (license)

Dependencies

connectivity_plus, flutter

More

Packages that depend on connectivity_builder