The Project | About Us | Contribute | Donations | License
HOME My courses Completed
◄ Previous
◄

Popular Dart Packages

Next ►
►

In this section, we will explore some of the most popular and widely used Dart packages. These packages can significantly enhance your development process by providing pre-built functionalities, saving you time and effort. We will cover the following packages:

  1. http
  2. provider
  3. shared_preferences
  4. path
  5. intl

  1. http

The http package is used for making HTTP requests. It is essential for interacting with web services and APIs.

Key Features:

  • Supports GET, POST, PUT, DELETE, and other HTTP methods.
  • Easy to use and integrate into your Dart or Flutter projects.

Example:

import 'package:http/http.dart' as http;
import 'dart:convert';

void fetchData() async {
  final response = await http.get(Uri.parse('https://jsonplaceholder.typicode.com/posts/1'));

  if (response.statusCode == 200) {
    var data = jsonDecode(response.body);
    print('Title: ${data['title']}');
  } else {
    throw Exception('Failed to load data');
  }
}

void main() {
  fetchData();
}

Explanation:

  • We import the http package and dart:convert for JSON decoding.
  • The fetchData function makes a GET request to a sample API.
  • If the request is successful (status code 200), it decodes the JSON response and prints the title.

  1. provider

The provider package is a state management solution for Flutter applications. It helps manage and propagate state changes efficiently.

Key Features:

  • Simplifies state management.
  • Integrates well with Flutter's widget tree.

Example:

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

void main() {
  runApp(
    ChangeNotifierProvider(
      create: (context) => Counter(),
      child: MyApp(),
    ),
  );
}

class Counter with ChangeNotifier {
  int _count = 0;

  int get count => _count;

  void increment() {
    _count++;
    notifyListeners();
  }
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Provider Example')),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Text('You have pushed the button this many times:'),
              Consumer<Counter>(
                builder: (context, counter, child) {
                  return Text('${counter.count}', style: Theme.of(context).textTheme.headline4);
                },
              ),
            ],
          ),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () => context.read<Counter>().increment(),
          tooltip: 'Increment',
          child: Icon(Icons.add),
        ),
      ),
    );
  }
}

Explanation:

  • We use ChangeNotifierProvider to provide an instance of Counter to the widget tree.
  • The Counter class extends ChangeNotifier and manages the count state.
  • The Consumer widget listens for changes in Counter and rebuilds the UI accordingly.

  1. shared_preferences

The shared_preferences package is used for storing simple data persistently. It is useful for saving user preferences and settings.

Key Features:

  • Stores data in key-value pairs.
  • Supports various data types like int, double, String, and List.

Example:

import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Shared Preferences Example')),
        body: Center(
          child: PreferenceDemo(),
        ),
      ),
    );
  }
}

class PreferenceDemo extends StatefulWidget {
  @override
  _PreferenceDemoState createState() => _PreferenceDemoState();
}

class _PreferenceDemoState extends State<PreferenceDemo> {
  int _counter = 0;

  @override
  void initState() {
    super.initState();
    _loadCounter();
  }

  _loadCounter() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    setState(() {
      _counter = (prefs.getInt('counter') ?? 0);
    });
  }

  _incrementCounter() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    setState(() {
      _counter++;
      prefs.setInt('counter', _counter);
    });
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        Text('You have pushed the button this many times:'),
        Text('$_counter', style: Theme.of(context).textTheme.headline4),
        ElevatedButton(
          onPressed: _incrementCounter,
          child: Text('Increment Counter'),
        ),
      ],
    );
  }
}

Explanation:

  • We use SharedPreferences to store and retrieve the counter value.
  • The _loadCounter method loads the counter value from shared preferences.
  • The _incrementCounter method increments the counter and saves the new value to shared preferences.

  1. path

The path package provides utilities for manipulating file and directory paths.

Key Features:

  • Cross-platform path manipulation.
  • Functions for joining, splitting, and normalizing paths.

Example:

import 'package:path/path.dart' as path;

void main() {
  var fullPath = path.join('directory', 'subdirectory', 'file.txt');
  print('Full Path: $fullPath');

  var extension = path.extension(fullPath);
  print('File Extension: $extension');
}

Explanation:

  • We use the join function to create a full path from directory segments.
  • The extension function extracts the file extension from the path.

  1. intl

The intl package is used for internationalization and localization. It helps format dates, numbers, and messages according to different locales.

Key Features:

  • Supports multiple locales.
  • Provides date and number formatting.

Example:

import 'package:intl/intl.dart';

void main() {
  var now = DateTime.now();
  var formatter = DateFormat('yyyy-MM-dd');
  String formattedDate = formatter.format(now);
  print('Formatted Date: $formattedDate');

  var number = 1234567.89;
  var numberFormatter = NumberFormat('#,##0.00', 'en_US');
  String formattedNumber = numberFormatter.format(number);
  print('Formatted Number: $formattedNumber');
}

Explanation:

  • We use DateFormat to format the current date.
  • We use NumberFormat to format a number according to the US locale.

Conclusion

In this section, we explored some of the most popular Dart packages: http, provider, shared_preferences, path, and intl. These packages provide essential functionalities that can simplify and enhance your Dart and Flutter development experience. By understanding and utilizing these packages, you can build more robust and feature-rich applications.

◄ Previous
◄
Next ►
►
The Project | About Us | Contribute | Donations | License
© Copyright 2024. All rights reserved