Пакеты, которыми мы часто пользуемся ч.2

Hola, Amigos! На связи вся команда Flutter в Amiga. Дополним наш список из must-have пакетов и виджетов на Flutter, которые используем сами.

1. Пакет cached_network_image

Если вы еще не используете cached_network_image в своих проекта, то пора начать это делать. Особенно, если у вас список с картинками.

Есть пара существенных плюсов для использования этого пакета:

- изображения сохраняются в файлы на устройстве;
- увеличивается скорость отображения изображений при повторном обращении.

2. Adaptive Scaffold

Adaptive Scaffold — это пакет от команды Flutter, который облегчает создание адаптивных макетов в приложениях. Он предоставляет набор виджетов и инструментов для создания макетов, которые могут адаптироваться к разным размерам экрана и ориентациям устройств.

Основная цель пакета Flutter Adaptive Scaffold — упростить разработку макетов, которые нужно адаптировать под разные платформы и устройства с неодинаковыми размерами экрана.

AdaptiveScaffold внутренне построен на AdaptiveLayout, но абстрагируется от некоторых сложностей с помощью пресетов, основанных на спецификации Material 3 Design.

3. Библиотека grouped_list

Данная библиотека — удобные инструменты для группировки и отображения данных в списке. Она помогает справиться с типичной задачей объединения элементов списка по заданному критерию и отображения группированных данных.

Вот пример использования библиотеки для группировки списка контактов по первой букве их имен:

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

class Contact {
  final String name;
  final String phoneNumber;

  Contact({required this.name, required this.phoneNumber});
}

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

class MyApp extends StatelessWidget {
  final List<Contact> contacts = [
    Contact(name: 'Alice', phoneNumber: '1234567890'),
    Contact(name: 'Bob', phoneNumber: '9876543210'),
    Contact(name: 'Charlie', phoneNumber: '5555555555'),
    // Дополнительные контакты...
  ];

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Grouped List',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Grouped List'),
        ),
        body: GroupedListView<Contact, String>(
          elements: contacts,
          groupBy: (contact) => contact.name.substring(0, 1),
          groupSeparatorBuilder: (String value) => Padding(
            padding: const EdgeInsets.all(8.0),
            child: Text(
              value,
              style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
            ),
          ),
          itemBuilder: (context, contact) => ListTile(
            title: Text(contact.name),
            subtitle: Text(contact.phoneNumber),
          ),
        ),
      ),
    );
  }
}

В этом примере мы определяем список контактов и используем GroupedListView для создания списка, где контакты будут сгруппированы по первой букве их имен. groupBy принимает функцию, которая возвращает ключ группы для каждого элемента, и groupSeparatorBuilder используется для создания виджета, разделяющего каждую группу. itemBuilder определяет, как будет отображаться каждый элемент списка.

Это лишь пример использования "grouped_list" в Flutter, и библиотека предлагает и другие возможности для настройки и работы с группированными списками.